mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-13 13:25:37 +00:00
Bug 889057 - Make the Console toolbar respond better to small window widths; r=msucan
This commit is contained in:
parent
e8462c0479
commit
2d37b49eea
@ -379,3 +379,41 @@ a {
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.message > .timestamp {
|
||||
display: none;
|
||||
}
|
||||
.toolbarbutton-text {
|
||||
display: none;
|
||||
}
|
||||
.hud-console-filter-toolbar .webconsole-filter-button {
|
||||
min-width: 40px;
|
||||
}
|
||||
.hud-console-filter-toolbar .webconsole-clear-console-button {
|
||||
min-width: 25px;
|
||||
}
|
||||
.webconsole-filter-button > .toolbarbutton-menubutton-button:before {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
.toolbarbutton-menubutton-dropmarker {
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 300px) {
|
||||
.hud-console-filter-toolbar {
|
||||
-moz-box-orient: vertical;
|
||||
}
|
||||
.toolbarbutton-text {
|
||||
display: -moz-box;
|
||||
}
|
||||
.devtools-toolbarbutton {
|
||||
margin-top: 3px;
|
||||
}
|
||||
.hud-console-filter-toolbar .hud-filter-box,
|
||||
.hud-console-filter-toolbar .devtools-toolbarbutton {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user