X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fwidgets.css;h=b699b78e67dcc700d9a9aa30b3b7683aed801338;hb=1e8874ff0d80f10ef6a2e91931a3b1b73430236d;hp=f6e9199548e0239d824313c9f133c580c27860d0;hpb=5401f433c81e15242767be2df7f86a5c7d99a86d;p=themes.git

diff --git a/LCARStrek/browser/devtools/widgets.css b/LCARStrek/browser/devtools/widgets.css
index f6e91995..b699b78e 100644
--- a/LCARStrek/browser/devtools/widgets.css
+++ b/LCARStrek/browser/devtools/widgets.css
@@ -18,10 +18,38 @@
   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 {
-  -moz-margin-end: 3px;
+  -moz-margin-start: 2px;
+  -moz-margin-start: 2px;
   max-height: 25px; /* Set max-height for proper sizing on linux */
   height: 25px; /* Set height to prevent starting small waiting for content */
   /* A fake 1px-shadow is included in the border-images of the
@@ -129,12 +157,12 @@
 
 #breadcrumb-separator-before,
 #breadcrumb-separator-after:after {
-  background: #9C9CFF; /* Select Highlight Blue */
+  background: #008484; /* Select Highlight Blue */
 }
 
 #breadcrumb-separator-after,
 #breadcrumb-separator-before:after {
-  background: #9C9CFF; /* Toolbars */
+  background: #000000; /* Toolbars */
 }
 
 /* This chevron arrow cannot be replicated easily in CSS, so we are using
@@ -154,7 +182,7 @@
   width: 25px;
   height: 25px;
   transform: translateX(-18px) rotate(45deg);
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 .breadcrumbs-widget-item {
@@ -164,6 +192,7 @@
   margin: 0;
   padding: 0 8px 0 20px;
   border: none;
+  border-radius: 0;
   outline: none;
   color: #FF9F00;
 }
@@ -185,15 +214,21 @@
 }
 
 .breadcrumbs-widget-item:not([checked]) {
-  background: -moz-element(#breadcrumb-separator-normal) no-repeat center left;
- }
- 
+  background-image: -moz-element(#breadcrumb-separator-normal);
+  background-repeat: no-repeat;
+  background-position: center left;
+}
+
 .breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item {
-  background: -moz-element(#breadcrumb-separator-after) no-repeat 0 0;
+  background-image: -moz-element(#breadcrumb-separator-after);
+  background-repeat: no-repeat;
+  background-position: 0 0;
 }
 
 .breadcrumbs-widget-item[checked] {
-  background: -moz-element(#breadcrumb-separator-before) no-repeat 0 0;
+  background-image: -moz-element(#breadcrumb-separator-before);
+  background-repeat: no-repeat;
+  background-position: 0 0;
   background-color: #008484; /* Select Highlight Blue */
 }
 
@@ -231,8 +266,15 @@
   color: #FF9F00; /* Foreground (Text) - Light */
 }
 
+.breadcrumbs-widget-item:not([checked]):hover .breadcrumbs-widget-item-id,
+.breadcrumbs-widget-item:not([checked]):hover .breadcrumbs-widget-item-tag,
+.breadcrumbs-widget-item:not([checked]):hover .breadcrumbs-widget-item-pseudo-classes,
+.breadcrumbs-widget-item:not([checked]):hover .breadcrumbs-widget-item-classes {
+  color: #000000 !important;
+}
+
 .breadcrumbs-widget-item {
-  color: #FF9F00; /* Foreground (Text) - Light */
+  color: #FFCF00; /* Foreground (Text) - Light */
 }
 
 .breadcrumbs-widget-item-id {
@@ -442,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;
@@ -463,10 +511,6 @@
   color: inherit !important;
 }
 
-.variable-or-property > .title > .value {
-  -moz-box-flex: 1;
-}
-
 .variable-or-property > .title > .arrow {
   -moz-margin-start: 3px;
 }
@@ -890,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 {