mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 1250323 - Don't hide overflow-y on the pseudo class panel r=pbro 

MozReview-Commit-ID: FSwY458OBBq
This commit is contained in:
Gabriel Luong 2016-03-03 12:55:09 -08:00
Родитель 801dc5a585
Коммит 4ce6caae0f
4 изменённых файлов: 70 добавлений и 47 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

34
devtools/client/inspector/inspector.xul
Просмотреть файл

@ -193,21 +193,25 @@
</tabs>
<tabpanels flex="1">
<tabpanel id="sidebar-panel-ruleview" class="devtools-monospace theme-sidebar inspector-tabpanel">
<html:div id="ruleview-toolbar" class="devtools-toolbar devtools-sidebar-toolbar">
<html:div class="devtools-searchbox">
<html:input id="ruleview-searchbox"
class="devtools-searchinput devtools-rule-searchbox"
type="search"
placeholder="&filterStylesPlaceholder;"/>
<html:button id="ruleview-searchinput-clear" class="devtools-searchinput-clear"></html:button>
<html:div id="ruleview-toolbar-container" class="devtools-toolbar">
<html:div id="ruleview-toolbar">
<html:div class="devtools-searchbox">
<html:input id="ruleview-searchbox"
class="devtools-searchinput devtools-rule-searchbox"
type="search"
placeholder="&filterStylesPlaceholder;"/>
<html:button id="ruleview-searchinput-clear" class="devtools-searchinput-clear"></html:button>
</html:div>
<html:div id="ruleview-command-toolbar">
<html:button id="ruleview-add-rule-button" title="&addRuleButtonTooltip;" class="devtools-button"></html:button>
<html:button id="pseudo-class-panel-toggle" title="&togglePseudoClassPanel;" class="devtools-button"></html:button>
</html:div>
</html:div>
<html:button id="ruleview-add-rule-button" title="&addRuleButtonTooltip;" class="devtools-button"></html:button>
<html:button id="pseudo-class-panel-toggle" title="&togglePseudoClassPanel;" class="devtools-button"></html:button>
<html:div id="pseudo-class-panel" hidden="true">
<html:label><html:input id="pseudo-hover-toggle" type="checkbox" value=":hover" tabindex="-1" />:hover</html:label>
<html:label><html:input id="pseudo-active-toggle" type="checkbox" value=":active" tabindex="-1" />:active</html:label>
<html:label><html:input id="pseudo-focus-toggle" type="checkbox" value=":focus" tabindex="-1" />:focus</html:label>
</html:div>
<html:div id="pseudo-class-panel" class="devtools-toolbar devtools-sidebar-toolbar" hidden="true" tabindex="-1">
<html:label><html:input id="pseudo-hover-toggle" type="checkbox" value=":hover" tabindex="-1" />:hover</html:label>
<html:label><html:input id="pseudo-active-toggle" type="checkbox" value=":active" tabindex="-1" />:active</html:label>
<html:label><html:input id="pseudo-focus-toggle" type="checkbox" value=":focus" tabindex="-1" />:focus</html:label>
</html:div>
<html:div id="ruleview-container" class="ruleview">
@ -215,7 +219,7 @@
</tabpanel>
<tabpanel id="sidebar-panel-computedview" class="devtools-monospace theme-sidebar inspector-tabpanel">
<html:div class="devtools-toolbar devtools-sidebar-toolbar">
<html:div class="devtools-toolbar">
<html:div class="devtools-searchbox">
<html:input id="computedview-searchbox"
class="devtools-searchinput devtools-rule-searchbox"
@ -238,7 +242,7 @@
</tabpanel>
<tabpanel id="sidebar-panel-fontinspector" class="devtools-monospace theme-sidebar inspector-tabpanel">
<html:div class="devtools-toolbar devtools-sidebar-toolbar">
<html:div class="devtools-toolbar">
<html:div class="devtools-searchbox">
<html:input id="font-preview-text-input"
class="devtools-textinput"

9
devtools/client/themes/computed.css
Просмотреть файл

@ -14,6 +14,10 @@
position: absolute;
}
#sidebar-panel-computedview > .devtools-toolbar {
display: flex;
}
#browser-style-checkbox {
/* Bug 1200073 - extra space before the browser styles checkbox so
they aren't squished together in a small window. */
@ -142,11 +146,6 @@
margin: 0 5px;
}
#root .devtools-toolbar {
width: 100%;
display: flex;
}
.link {
padding: 0 3px;
cursor: pointer;

4
devtools/client/themes/fonts.css
Просмотреть файл

@ -14,6 +14,10 @@
position: absolute;
}
#sidebar-panel-fontinspector > .devtools-toolbar {
display: flex;
}
#font-container {
overflow: auto;
flex: auto;

70
devtools/client/themes/rules.css
Просмотреть файл

@ -13,6 +13,8 @@
--rule-filter-icon: url(images/magnifying-glass.png);
}
/* Rule View Tabpanel */
#sidebar-panel-ruleview {
margin: 0;
display: flex;
@ -24,6 +26,47 @@
position: absolute;
}
/* Rule View Toolbar */
#ruleview-toolbar-container {
display: flex;
flex-direction: column;
height: auto;
}
#ruleview-toolbar {
display: flex;
height: 23px;
}
#ruleview-toolbar > .devtools-searchbox:first-child {
-moz-padding-start: 0px;
}
#ruleview-command-toolbar {
display: flex;
}
#pseudo-class-panel {
display: flex;
height: 24px;
overflow: hidden;
transition: height 150ms ease;
}
#pseudo-class-panel[hidden] {
height: 0px;
}
#pseudo-class-panel > label {
-moz-user-select: none;
flex-grow: 1;
display: flex;
align-items: center;
}
/* Rule View Container */
#ruleview-container {
-moz-user-select: text;
overflow: auto;
@ -36,33 +79,6 @@
transition: visibility 0.25s;
}
.devtools-sidebar-toolbar {
display: flex;
}
#pseudo-class-panel {
position: relative;
margin-top: -1px;
margin-bottom: -1px;
overflow-y: hidden;
max-height: 24px;
outline: 0 !important;
transition-property: max-height;
transition-duration: 150ms;
transition-timing-function: ease;
}
#pseudo-class-panel[hidden] {
max-height: 0px;
}
#pseudo-class-panel > label {
-moz-user-select: none;
flex-grow: 1;
display: flex;
align-items: center;
}
.ruleview-code {
direction: ltr;
}