Smaller font sizes for smartphones, fixed request status padding issue
and make too long panels always be displayed at the leftmost part of browser window
This commit is contained in:
parent
9b585b9808
commit
e94a6a02b1
@ -133,7 +133,7 @@
|
|||||||
.sf-toolbar-block .sf-toolbar-info-piece b {
|
.sf-toolbar-block .sf-toolbar-info-piece b {
|
||||||
color: #AAA;
|
color: #AAA;
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
font-size: 12px;
|
font-size: 11px;
|
||||||
padding: 4px 8px 4px 0;
|
padding: 4px 8px 4px 0;
|
||||||
}
|
}
|
||||||
.sf-toolbar-block .sf-toolbar-info-piece span {
|
.sf-toolbar-block .sf-toolbar-info-piece span {
|
||||||
@ -141,7 +141,7 @@
|
|||||||
}
|
}
|
||||||
.sf-toolbar-block .sf-toolbar-info-piece span {
|
.sf-toolbar-block .sf-toolbar-info-piece span {
|
||||||
color: #F5F5F5;
|
color: #F5F5F5;
|
||||||
font-size: 13px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sf-toolbar-block .sf-toolbar-info {
|
.sf-toolbar-block .sf-toolbar-info {
|
||||||
@ -262,9 +262,6 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
.sf-toolbar-block-request:hover .sf-toolbar-info {
|
|
||||||
max-width: none;
|
|
||||||
}
|
|
||||||
.sf-toolbar-info-piece b.sf-toolbar-ajax-info {
|
.sf-toolbar-info-piece b.sf-toolbar-ajax-info {
|
||||||
color: #F5F5F5;
|
color: #F5F5F5;
|
||||||
}
|
}
|
||||||
@ -384,6 +381,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
|
|
||||||
.sf-toolbar-icon .sf-toolbar-label,
|
.sf-toolbar-icon .sf-toolbar-label,
|
||||||
.sf-toolbar-icon .sf-toolbar-value {
|
.sf-toolbar-icon .sf-toolbar-value {
|
||||||
display: inline;
|
display: inline;
|
||||||
@ -412,10 +410,24 @@
|
|||||||
}
|
}
|
||||||
.sf-toolbar-block-request .sf-toolbar-icon {
|
.sf-toolbar-block-request .sf-toolbar-icon {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
.sf-toolbar-block-request .sf-toolbar-status + .sf-toolbar-label {
|
||||||
|
margin-left: 4px;
|
||||||
|
}
|
||||||
|
.sf-toolbar-block-request .sf-toolbar-label + .sf-toolbar-value {
|
||||||
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sf-toolbar-block-request .sf-toolbar-status {
|
.sf-toolbar-block-request:hover .sf-toolbar-info {
|
||||||
margin-right: 4px;
|
max-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sf-toolbar-block .sf-toolbar-info-piece b {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.sf-toolbar-block .sf-toolbar-info-piece span {
|
||||||
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sf-toolbar-block-config {
|
.sf-toolbar-block-config {
|
||||||
|
@ -46,7 +46,10 @@
|
|||||||
toolbarInfo.style.right = '';
|
toolbarInfo.style.right = '';
|
||||||
toolbarInfo.style.left = '';
|
toolbarInfo.style.left = '';
|
||||||
|
|
||||||
if (leftValue > 0 && rightValue > 0) {
|
if (elementWidth > pageWidth) {
|
||||||
|
toolbarInfo.style.left = 0;
|
||||||
|
}
|
||||||
|
else if (leftValue > 0 && rightValue > 0) {
|
||||||
toolbarInfo.style.right = (rightValue * -1) + 'px';
|
toolbarInfo.style.right = (rightValue * -1) + 'px';
|
||||||
} else if (leftValue < 0) {
|
} else if (leftValue < 0) {
|
||||||
toolbarInfo.style.left = 0;
|
toolbarInfo.style.left = 0;
|
||||||
|
Reference in New Issue
Block a user