Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-13 13:25:37 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 889057 - Make the Console toolbar respond better to small window widths; r=msucan

Browse Source
This commit is contained in:
Alex Shoronov 2014-01-13 23:00:18 +02:00
parent e8462c0479
commit 2d37b49eea
1 changed files with 38 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
browser/themes/shared/devtools/webconsole.inc.css
View File

@ -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;
}
}