fourth and final part of syncing LCARStrek with Firefox 31 windows theme changes

[themes.git] / LCARStrek / browser / devtools / widgets.css

diff --git a/LCARStrek/browser/devtools/widgets.css b/LCARStrek/browser/devtools/widgets.css
index 350fe883473b07b6aecafbfd0974eb1014334cf7..b699b78e67dcc700d9a9aa30b3b7683aed801338 100644 (file)
--- a/LCARStrek/browser/devtools/widgets.css
+++ b/LCARStrek/browser/devtools/widgets.css
@@ -18,6 +18,33 @@
   transition: margin 0.25s ease-in-out;
 }
 
+/* Responsive container */
+
+.devtools-responsive-container {
+  -moz-box-orient: horizontal;
+}
+
+@media (max-width: 700px) {
+  .devtools-responsive-container {
+    -moz-box-orient: vertical;
+  }
+
+  .devtools-responsive-container > .devtools-side-splitter {
+    border: 0;
+    margin: 0;
+    min-height: 3px;
+    height: 3px;
+    margin-bottom: -3px;
+    /* In some edge case the cursor is not changed to n-resize */
+    cursor: n-resize;
+  }
+
+  .devtools-responsive-container > .devtools-sidebar-tabs {
+    min-height: 35vh;
+    max-height: 75vh;
+  }
+}
+
 /* BreacrumbsWidget */
 
 .breadcrumbs-widget-container {
@@ -457,6 +484,12 @@
   padding: 2px;
 }
 
+.variables-view-scope:focus > .title,
+.theme-dark .variable-or-property:focus > .title {
+  background-color: #008484; /* Selection colors */
+  color: #FFCF00;
+}
+
 .variables-view-scope > .title {
   background-color: #A09090;
   color: #000000;
@@ -478,10 +511,6 @@
   color: inherit !important;
 }
 
-.variable-or-property > .title > .value {
-  -moz-box-flex: 1;
-}
-
 .variable-or-property > .title > .arrow {
   -moz-margin-start: 3px;
 }
@@ -905,6 +934,7 @@
 .manifest-editor .variables-view-delete:hover,
 .manifest-editor .variables-view-delete:active,
 .manifest-editor .variable-or-property:focus .variables-view-delete,
+.manifest-editor .variables-view-add-property,
 .manifest-editor .variables-view-add-property:hover,
 .manifest-editor .variables-view-add-property:active,
 .manifest-editor .variable-or-property:focus .variables-view-add-property {