.sidebar-pane {
position: relative;
- flex: none;
}
.sidebar-pane > .body {
position: relative;
display: none;
- overflow-y: auto;
- overflow-x: hidden;
}
.sidebar-pane > .body .info {
color: #888;
}
+.sidebar-pane > .body .placard.dimmed {
+ opacity: 0.6;
+ font-style: italic;
+}
+
.sidebar-pane > .body .placard + .info {
border-top: 1px solid rgb(189, 189, 189);
background-color: rgb(255, 255, 194);
}
.sidebar-pane.visible > .body {
- display: flex;
- flex-direction: column;
+ display: block;
}
.sidebar-pane .section .properties {
.sidebar-tabbed-pane .tabbed-pane-header {
border-bottom: 1px solid rgb(202, 202, 202);
- background-color: rgb(236, 236, 236);
+ background-color: #eee;
}
.sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1) {
.sidebar-pane-title {
position: relative;
- background: rgb(240, 240, 240);
+ background-color: #eee;
height: 20px;
padding: 0 5px;
border-top: 1px solid rgb(189, 189, 189);
border-bottom: 1px solid rgb(189, 189, 189);
line-height: 18px;
- background-origin: padding;
- background-clip: padding;
margin-top: -1px;
+ white-space: nowrap;
+ overflow: hidden;
}
.sidebar-pane-title:active {
.sidebar-pane-toolbar > .pane-title-button,
.sidebar-pane-toolbar > label {
float: right;
- height: 17px;
+ height: 16px;
background-color: transparent;
border: none;
background-repeat: no-repeat;
.sidebar-pane-toolbar > .pane-title-button.add {
background-image: url(Images/paneAddButtons.png);
+ position: relative;
+}
+
+.sidebar-pane-toolbar > .pane-title-button.add .long-click-glyph {
+ background-color: rgba(135, 135, 135, 1);
+ -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
+ -webkit-mask-position: -298px -53px;
+ -webkit-mask-size: 320px 144px;
}
.sidebar-pane-toolbar > .pane-title-button.element-state {
background-image: url(Images/paneRefreshButtons.png);
}
-.sidebar-pane-toolbar > label > input {
- vertical-align: bottom;
-}
-
.sidebar-pane-toolbar > label.scripts-callstack-async {
+ margin: auto;
margin-right: 5px;
+ display: flex;
}
-.sidebar-pane-subtitle {
- position: absolute;
- right: 0;
-}
-
-body.platform-windows .sidebar-pane-subtitle {
- padding-top: 1px;
-}
-
-.sidebar-pane-subtitle input,
.section > .header input[type=checkbox] {
height: 1em;
width: 1em;
margin-bottom: 0.25em;
vertical-align: bottom;
}
+
+.hidden-placards-message {
+ text-align: center;
+ font-style: italic;
+ padding: 4px;
+ color: #888;
+ background-color: #FFFFC2;
+}
+
+.sidebar-pane-button-new-rule {
+ background-image: url(Images/paneAddButtons.png);
+ background-position: 0 0;
+ position: absolute;
+ height: 16px;
+ width: 23px;
+ right: 10px;
+ bottom: 1px;
+ visibility: hidden;
+}
+
+.styles-section.matched-styles:not(.read-only):hover .sidebar-pane-button-new-rule {
+ visibility: visible;
+}
+
+.sidebar-pane-button-new-rule:hover {
+ background-position: -23px 0;
+}