X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fdevtools%2Flayout.css;h=2428aae94475aaff3f061fd46130158364644b22;hp=16e2fd197991b0b7cbc8986c02d0a47510dbc974;hb=1ad21b1f6b999bccea1c6d768ebbd4bc900479d0;hpb=6f751fd100ed69c35ed979e9d0db9d0f991af80a;ds=sidebyside

diff --git a/LCARStrek/devtools/layout.css b/LCARStrek/devtools/layout.css
index 16e2fd19..2428aae9 100644
--- a/LCARStrek/devtools/layout.css
+++ b/LCARStrek/devtools/layout.css
@@ -5,6 +5,7 @@
 #sidebar-panel-layoutview {
   display: block;
   overflow: auto;
+  height: 100%;
 }
 
 #layout-wrapper {
@@ -67,7 +68,7 @@
   background-color: #FF9F00;
   color: var(--theme-selection-color);
   /* Make sure there is some space between the window's edges and the regions */
-  margin: 0 14px 10px 14px;
+  margin: 0 14px 4px 14px;
   width: calc(100% - 2 * 14px);
 }
 
@@ -79,14 +80,14 @@
 /* Regions are 3 nested elements with wide borders and outlines */
 
 #layout-content {
-  height: 25px;
+  height: 18px;
 }
 
 #layout-margins,
 #layout-borders,
 #layout-padding {
   border-color: var(--theme-splitter-color);
-  border-width: 25px;
+  border-width: 18px;
   border-style: solid;
   outline: dotted 1px var(--theme-splitter-color);
 }
@@ -96,20 +97,6 @@
   opacity: .8;
 }
 
-/* Respond to window size change by changing the size of the regions */
-
-@media (max-height: 250px) {
-  #layout-content {
-    height: 18px;
-  }
-
-  #layout-margins,
-  #layout-borders,
-  #layout-padding {
-    border-width: 18px;
-  }
-}
-
 /* Regions colors */
 
 #layout-margins {
@@ -127,27 +114,7 @@
 #layout-content {
   background-color: #008484;
 }
-/*
-.theme-firebug #layout-main,
-.theme-firebug #layout-borders,
-.theme-firebug #layout-content {
-  border-style: solid;
-}
-
-.theme-firebug #layout-main,
-.theme-firebug #layout-header {
-  font-family: var(--proportional-font-family);
-}
 
-.theme-firebug #layout-main {
-  color: var(--theme-body-color);
-  font-size: var(--theme-toolbar-font-size);
-}
-
-.theme-firebug #layout-header {
-  font-size: var(--theme-toolbar-font-size);
-}
-*/
 /* Editable region sizes are contained in absolutely positioned <p> */
 
 #layout-main > p {
@@ -172,27 +139,27 @@
 }
 
 .layout-padding.layout-top {
-  top: 55px;
+  top: 37px;
 }
 
 .layout-padding.layout-bottom {
-  bottom: 57px;
+  bottom: 38px;
 }
 
 .layout-border.layout-top {
-  top: 30px;
+  top: 19px;
 }
 
 .layout-border.layout-bottom {
-  bottom: 31px;
+  bottom: 20px;
 }
 
 .layout-margin.layout-top {
-  top: 5px;
+  top: 1px;
 }
 
 .layout-margin.layout-bottom {
-  bottom: 6px;
+  bottom: 2px;
 }
 
 .layout-size,
@@ -203,7 +170,7 @@
 .layout-padding.layout-left,
 .layout-padding.layout-right {
   top: 22px;
-  line-height: 132px;
+  line-height: 88px;
 }
 
 .layout-size {
@@ -216,23 +183,23 @@
 .layout-border.layout-right,
 .layout-padding.layout-right,
 .layout-padding.layout-left {
-  width: 25px;
+  width: 21px;
 }
 
 .layout-padding.layout-left {
-  left: 52px;
+  left: 35px;
 }
 
 .layout-padding.layout-right {
-  right: 51px;
+  right: 35px;
 }
 
 .layout-border.layout-left {
-  left: 26px;
+  left: 16px;
 }
 
 .layout-border.layout-right {
-  right: 26px;
+  right: 17px;
 }
 
 .layout-margin.layout-right {
@@ -251,75 +218,11 @@
   transform: rotate(90deg);
 }
 
-/* Coordinates should be different when the window is small, because we make
-   the regions smaller then */
-
-@media (max-height: 250px) {
-  .layout-padding.layout-top {
-    top: 37px;
-  }
-
-  .layout-padding.layout-bottom {
-    bottom: 38px;
-  }
-
-  .layout-border.layout-top {
-    top: 19px;
-  }
-
-  .layout-border.layout-bottom {
-    bottom: 20px;
-  }
-
-  .layout-margin.layout-top {
-    top: 1px;
-  }
-
-  .layout-margin.layout-bottom {
-    bottom: 2px;
-  }
-
-  .layout-size,
-  .layout-margin.layout-left,
-  .layout-margin.layout-right,
-  .layout-border.layout-left,
-  .layout-border.layout-right,
-  .layout-padding.layout-left,
-  .layout-padding.layout-right {
-    line-height: 80px;
-  }
-
-  .layout-margin.layout-right,
-  .layout-margin.layout-left,
-  .layout-border.layout-left,
-  .layout-border.layout-right,
-  .layout-padding.layout-right,
-  .layout-padding.layout-left {
-    width: 21px;
-  }
-
-  .layout-padding.layout-left {
-    left: 35px;
-  }
-
-  .layout-padding.layout-right {
-    right: 35px;
-  }
-
-  .layout-border.layout-left {
-    left: 16px;
-  }
-
-  .layout-border.layout-right {
-    right: 17px;
-  }
-}
-
 /* Legend, displayed inside regions */
 
 .layout-legend {
   position: absolute;
-  margin: 5px 6px;
+  margin: 2px 6px;
   z-index: 1;
 }
 
@@ -327,12 +230,6 @@
   color: #000000; /*var(--theme-highlight-blue);*/
 }
 
-@media (max-height: 250px) {
-  .layout-legend {
-    margin: 2px 6px;
-  }
-}
-
 /* Editable fields */
 
 .layout-editable {