зеркало из https://github.com/mozilla/gecko-dev.git
Bug 838244 - Move common responsive design mode CSS to browser/themes/shared/. r=dcamp
--HG-- rename : browser/themes/winstripe/browser.css => browser/themes/shared/devtools/responsivedesign.inc.css
This commit is contained in:
Matthew Noorenberghe
Родитель
699bdb3e53
Коммит
62cdbd31f7
|
|
@ -2004,6 +2004,7 @@ toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
|
|||
border-top: 1px solid hsla(210, 8%, 5%, .65);
|
||||
}
|
||||
|
||||
%include ../shared/devtools/responsivedesign.inc.css
|
||||
%include ../shared/devtools/highlighter.inc.css
|
||||
%include ../shared/devtools/commandline.inc.css
|
||||
|
||||
|
|
@ -2026,51 +2027,6 @@ toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
|
|||
background-color: hsl(210,11%,16%);
|
||||
}
|
||||
|
||||
/* Responsive Mode */
|
||||
|
||||
.browserContainer[responsivemode] {
|
||||
background: #222 url("chrome://browser/skin/devtools/responsive-background.png");
|
||||
padding: 0 20px 20px 20px;
|
||||
}
|
||||
|
||||
.browserStack[responsivemode] {
|
||||
box-shadow: 0 0 7px black;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-toolbar {
|
||||
background: transparent;
|
||||
margin: 10px 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-toolbar > menulist,
|
||||
.devtools-responsiveui-toolbar > toolbarbutton {
|
||||
min-width: 22px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
|
||||
.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-resizebar {
|
||||
width: 7px;
|
||||
height: 24px;
|
||||
cursor: ew-resize;
|
||||
transform: translate(12px, -12px);
|
||||
background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
|
||||
}
|
||||
|
||||
.devtools-responsiveui-resizehandle {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
cursor: se-resize;
|
||||
transform: translate(12px, 12px);
|
||||
background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
|
||||
}
|
||||
|
||||
/* Web Console */
|
||||
|
||||
.web-console-frame {
|
||||
|
|
|
|||
|
|
@ -3463,6 +3463,7 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
|
|||
padding-right: 18px; /* use -moz-padding-end when/if bug 631729 gets fixed */
|
||||
}
|
||||
|
||||
%include ../shared/devtools/responsivedesign.inc.css
|
||||
%include ../shared/devtools/highlighter.inc.css
|
||||
%include ../shared/devtools/commandline.inc.css
|
||||
|
||||
|
|
@ -3487,51 +3488,6 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
|
|||
background-color: hsl(210,11%,16%);
|
||||
}
|
||||
|
||||
/* Responsive Mode */
|
||||
|
||||
.browserContainer[responsivemode] {
|
||||
background: #222 url("chrome://browser/skin/devtools/responsive-background.png");
|
||||
padding: 0 20px 20px 20px;
|
||||
}
|
||||
|
||||
.browserStack[responsivemode] {
|
||||
box-shadow: 0 0 7px black;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-toolbar {
|
||||
background: transparent;
|
||||
margin: 10px 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-toolbar > menulist,
|
||||
.devtools-responsiveui-toolbar > toolbarbutton {
|
||||
min-width: 22px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
|
||||
.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-resizebar {
|
||||
width: 7px;
|
||||
height: 24px;
|
||||
cursor: ew-resize;
|
||||
transform: translate(12px, -12px);
|
||||
background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
|
||||
}
|
||||
|
||||
.devtools-responsiveui-resizehandle {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
cursor: se-resize;
|
||||
transform: translate(12px, 12px);
|
||||
background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
|
||||
}
|
||||
|
||||
/* Web Console */
|
||||
|
||||
.web-console-frame {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,53 @@
|
|||
%if 0
|
||||
/* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
%endif
|
||||
|
||||
/* Responsive Mode */
|
||||
|
||||
.browserContainer[responsivemode] {
|
||||
background: #222 url("chrome://browser/skin/devtools/responsive-background.png");
|
||||
padding: 0 20px 20px 20px;
|
||||
}
|
||||
|
||||
.browserStack[responsivemode] {
|
||||
box-shadow: 0 0 7px black;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-toolbar {
|
||||
background: transparent;
|
||||
margin: 10px 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
%ifdef XP_WIN
|
||||
border-bottom-width: 0;
|
||||
%endif
|
||||
}
|
||||
|
||||
.devtools-responsiveui-toolbar > menulist,
|
||||
.devtools-responsiveui-toolbar > toolbarbutton {
|
||||
min-width: 22px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
|
||||
.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-resizebar {
|
||||
width: 7px;
|
||||
height: 24px;
|
||||
cursor: ew-resize;
|
||||
transform: translate(12px, -12px);
|
||||
background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
|
||||
}
|
||||
|
||||
.devtools-responsiveui-resizehandle {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
cursor: se-resize;
|
||||
transform: translate(12px, 12px);
|
||||
background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
|
||||
}
|
||||
|
|
@ -2580,6 +2580,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
|
|||
border-top: 1px solid hsla(211,68%,6%,.65) !important;
|
||||
}
|
||||
|
||||
%include ../shared/devtools/responsivedesign.inc.css
|
||||
%include ../shared/devtools/highlighter.inc.css
|
||||
%include ../shared/devtools/commandline.inc.css
|
||||
|
||||
|
|
@ -2589,52 +2590,6 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
|
|||
0 0 0 1px hsla(210,40%,83%,.1);
|
||||
}
|
||||
|
||||
/* Responsive Mode */
|
||||
|
||||
.browserContainer[responsivemode] {
|
||||
background: #222 url("chrome://browser/skin/devtools/responsive-background.png");
|
||||
padding: 0 20px 20px 20px;
|
||||
}
|
||||
|
||||
.browserStack[responsivemode] {
|
||||
box-shadow: 0 0 7px black;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-toolbar {
|
||||
background: transparent;
|
||||
margin: 10px 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-toolbar > menulist,
|
||||
.devtools-responsiveui-toolbar > toolbarbutton {
|
||||
min-width: 22px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
|
||||
.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.devtools-responsiveui-resizebar {
|
||||
width: 7px;
|
||||
height: 24px;
|
||||
cursor: ew-resize;
|
||||
transform: translate(12px, -12px);
|
||||
background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
|
||||
}
|
||||
|
||||
.devtools-responsiveui-resizehandle {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
cursor: se-resize;
|
||||
transform: translate(12px, 12px);
|
||||
background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
|
||||
}
|
||||
|
||||
/* Web Console */
|
||||
|
||||
.web-console-frame {
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче