X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fwidgets.css;h=fe3157f657797c8918749a1311e9d6415d73f58d;hp=eb0223a28af6312705b83a76129a1ac1844943b8;hb=1b13529a8907a5520788e317aee6205bc32d1fbe;hpb=e2734cc744523d8adb0aa3d44644220b98d8201c diff --git a/LCARStrek/browser/devtools/widgets.css b/LCARStrek/browser/devtools/widgets.css index eb0223a2..fe3157f6 100644 --- a/LCARStrek/browser/devtools/widgets.css +++ b/LCARStrek/browser/devtools/widgets.css @@ -328,6 +328,8 @@ .side-menu-widget-item { border-top: 1px solid #9C9CFF; + margin-top: -1px; + margin-bottom: -1px; cursor: pointer; } @@ -355,19 +357,16 @@ background-position: center left, top left; } +.side-menu-widget-item-label { + padding: 4px 0px; + cursor: inherit; +} + .side-menu-widget-item-arrow { -moz-margin-start: -8px; width: 8px; } -.side-menu-widget-item-contents { - padding: 4px; -} - -.side-menu-widget-item label { - cursor: inherit; -} - .side-menu-widget-item-other { background-color: #000000; margin: 0 -4px; @@ -379,17 +378,8 @@ color: #000000; } -.side-menu-widget-item.selected .side-menu-widget-item-other:first-of-type { - border-top: 1px dotted #9C9CFF; - margin-top: 3px; -} - .side-menu-widget-item-other:first-of-type { - margin-top: 4px; -} - -.side-menu-widget-item-other:last-of-type { - margin-bottom: -4px; +/* border-top-left-radius: 4px; */ } .side-menu-widget-item-other:not(.selected) > label { @@ -425,15 +415,10 @@ } .variables-view-scope > .variables-view-element-details:not(:empty) { - margin-top: 1px; -moz-margin-start: 2px; -moz-margin-end: 1px; } -.variables-view-scope > .variables-view-element-details.enum:not(:empty) { - border-bottom: 1px solid #9C9CFF; -} - /* Generic traits applied to both variables and properties */ .variable-or-property { @@ -544,6 +529,11 @@ .variable-or-property-sealed-label, .variable-or-property-non-extensible-label { -moz-padding-end: 4px; +} + +.variable-or-property:not(:focus) > .title > .variable-or-property-frozen-label, +.variable-or-property:not(:focus) > .title > .variable-or-property-sealed-label, +.variable-or-property:not(:focus) > .title > .variable-or-property-non-extensible-label { color: #A09090; } @@ -584,19 +574,20 @@ /* Variables and properties editing */ .variables-view-delete { - list-style-image: url("chrome://global/skin/icons/close.png"); + list-style-image: url("chrome://browser/skin/devtools/vview-delete.png"); -moz-image-region: rect(0, 16px, 16px, 0); - opacity: 0; } .variables-view-delete:hover { - opacity: 1; + -moz-image-region: rect(0, 32px, 16px, 16px); } -*:hover > .title > .variables-view-delete:not(:hover), -*:focus > .title > .variables-view-delete:not(:hover) { - opacity: 0.5; - transition: opacity 0.2s ease-in-out; +.variables-view-delete:active { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +*:not(:hover) .variables-view-delete { + display: none; } .variables-view-delete > .toolbarbutton-text { @@ -604,7 +595,7 @@ } .variables-view-edit { - background: url("chrome://browser/skin/tabview/edit-light.png") center no-repeat; + background: url("chrome://browser/skin/devtools/vview-edit.png") center no-repeat; width: 20px; height: 16px; cursor: pointer;