first part of syncing LCARStrek with Firefox 37 windows theme changes
authorRobert Kaiser <kairo@kairo.at>
Sun, 29 Mar 2015 19:00:55 +0000 (21:00 +0200)
committerRobert Kaiser <kairo@kairo.at>
Sun, 29 Mar 2015 19:00:55 +0000 (21:00 +0200)
12 files changed:
LCARStrek/browser/browser.css
LCARStrek/browser/customizableui/panelUIOverlay.css
LCARStrek/browser/devtools/dark-theme.css
LCARStrek/browser/devtools/debugger.css
LCARStrek/browser/devtools/layoutview.css
LCARStrek/browser/devtools/performance-icons.svg [new file with mode: 0644]
LCARStrek/browser/devtools/performance.css
LCARStrek/browser/devtools/widgets.css
LCARStrek/browser/preferences/in-content/preferences.css
LCARStrek/global/listbox.css
LCARStrek/global/tree/sort-asc.gif
LCARStrek/global/tree/sort-desc.gif

index 71579fb92f5caedf653b242c2607e5d2041ea661..73a1ab9c2839721d7cc942b4f839575ad868c124 100644 (file)
@@ -2757,6 +2757,12 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
   color: #000000;
 }
 
+/* Handle a case where the last separator in a customized tab bar with a
+   separated new tab button causes the width of the tab to extend and causes
+   jittering with a small tab curve width (Bug 1111091). */
+#TabsToolbar[currentset]:not([currentset*="tabbrowser-tabs,new-tab-button"]) #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
+}
+
 /* New tab button */
 
 .tabs-newtab-button {
index 98f5bba2dada490f811455be1e771e3cb4fb949a..e0625fce23bf787fb6d296da6ad7c1d6fcdf1634 100644 (file)
@@ -553,7 +553,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
   list-style-image: url("chrome://browser/skin/syncFx-horizontalbar.png");
 }
 
-#PanelUI-fxa-status[status="active"] {
+#PanelUI-fxa-status[syncstatus="active"] {
   list-style-image: url("chrome://browser/skin/syncFxProgress-horizontalbar.png");
 }
 
index 98b3d7a4ec0579b51a93d473547ab5fcd6edc3cc..54b0221a091c5fc14caccc098f4c579532f9f795 100644 (file)
@@ -402,15 +402,6 @@ div.CodeMirror span.eval-text {
  border-bottom: 0;
 }
 
-.devtools-horizontal-splitter {
-/*  border-bottom: 1px solid var(--theme-splitter-color); */
-}
-
-.devtools-side-splitter {
-/*  -moz-border-end: 1px solid var(--theme-splitter-color);
-  border-color: var(--theme-splitter-color); / Needed for responsive container at low width. */
-}
-
 .devtools-textinput,
 .devtools-searchinput {
   background-color: #000000;
@@ -975,4 +966,13 @@ div.CodeMirror span.eval-text {
   display: none;
 }
 
+.devtools-horizontal-splitter {
+/*  border-bottom: 1px solid var(--theme-splitter-color); */
+}
+
+.devtools-side-splitter {
+/*  -moz-border-end: 1px solid var(--theme-splitter-color);
+  border-color: var(--theme-splitter-color); / Needed for responsive container at low width. */
+}
+
 /* === END toolbars.inc.css === */
index c91b191f77f0e1b90153370e49a83c6aa227a0b0..89c6e02cbe4215fb978451aa9a8a009f92ebffab 100644 (file)
@@ -91,11 +91,11 @@ window {
   color: #8050B0;
 }
 
-#sources .selected .black-boxed {
+#sources .selected .black-boxed {
   color: #000000;
 }
 
-#sources .black-boxed > .dbg-breakpoint {
+#sources .black-boxed ~ .dbg-breakpoint {
   display: none;
 }
 
index d1f33c07c6e1a66d585170119fa40806b253d3eb..b567c08feeb76583526fa2be5b6eb8414f8883b3 100644 (file)
   background-color: #FF9F00;
   border-color: #A09090;
   border-style: dotted;
-  color: #000000;
+  color: var(--theme-selection-color);
+}
+
+.margin,
+.size {
+  color: var(--theme-selection-color);
 }
 
 #content {
diff --git a/LCARStrek/browser/devtools/performance-icons.svg b/LCARStrek/browser/devtools/performance-icons.svg
new file mode 100644 (file)
index 0000000..7c28d60
--- /dev/null
@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px">\r
+<style>\r
+  g {\r
+    fill: #FFCF00;\r
+  }\r
+  g:not(:target) {\r
+    display: none;\r
+  }\r
+</style>\r
+<g id="overview-markers">\r
+  <rect x="0px" y="3px" width="5px" height="2.5px" rx="1" ry="1"/>\r
+  <rect x="7px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>\r
+  <rect x="0px" y="7px" width="9px" height="2.5px" rx="1" ry="1"/>\r
+  <rect x="10px" y="7px" width="6px" height="2.5px" rx="1" ry="1"/>\r
+  <rect x="4px" y="11px" width="5px" height="2.5px" rx="1" ry="1"/>\r
+  <rect x="12px" y="11px" width="4px" height="2.5px" rx="1" ry="1"/>\r
+</g>\r
+<g id="overview-frames">\r
+  <rect x="1px" y="4px" width="2px" height="12px" rx="1" ry="1"/>\r
+  <rect x="5px" y="12px" width="2px" height="4px" rx="1" ry="1"/>\r
+  <rect x="9px" y="9px" width="2px" height="7px" rx="1" ry="1"/>\r
+  <rect x="13px" y="7px" width="2px" height="9px" rx="1" ry="1"/>\r
+</g>\r
+<g id="details-waterfall">\r
+  <rect x="0px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>\r
+  <rect x="5px" y="7px" width="8px" height="2.5px" rx="1" ry="1"/>\r
+  <rect x="7px" y="11px" width="9px" height="2.5px" rx="1" ry="1"/>\r
+</g>\r
+<g id="details-call-tree">\r
+  <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>\r
+  <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>\r
+  <rect x="0px" y="9px" width="11px" height="2px" rx="1" ry="1"/>\r
+  <rect x="0px" y="12px" width="6px" height="2px" rx="1" ry="1"/>\r
+</g>\r
+<g id="details-flamegraph">\r
+  <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>\r
+  <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>\r
+  <rect x="10px" y="6px" width="6px" height="2px" rx="1" ry="1"/>\r
+  <rect x="2px" y="9px" width="6px" height="2px" rx="1" ry="1"/>\r
+  <rect x="5px" y="12px" width="3px" height="2px" rx="1" ry="1"/>\r
+</g>\r
+</svg>\r
index c0939c8ea5b7eed2404c5a63863575a2793cd018..98acfe047b5ecb9b75ceca193635a6491facc3b5 100644 (file)
 
 /* Profile call tree */
 
-.call-tree-headers-container {
-  border-top: 1px solid var(--theme-splitter-color);
-}
-
 .call-tree-cells-container {
   /* Hack: force hardware acceleration */
   transform: translateZ(1px);
index 2dc7892dc206379e0adf8e67c45326a7bb167230..2979d74cc6a646cd7d1584f4389195c8a8fca31e 100644 (file)
   }
 
   .devtools-responsive-container > .devtools-side-splitter {
+    /* This is a normally vertical splitter, but we have turned it horizontal
+       due to the smaller resolution */
     border: 0;
     margin: 0;
     min-height: 3px;
     height: 3px;
-    margin-bottom: -3px;
+    margin-top: -3px;
+
+    /* Reset the vertical splitter styles */
+    width: auto;
+    min-width: 0;
+
     /* In some edge case the cursor is not changed to n-resize */
     cursor: n-resize;
   }
index 38c1351db82b002441a0eb578706f5a5f907ee91..2b56f30a65d87001879f9446259290c3f1163655 100644 (file)
@@ -163,6 +163,12 @@ treecol {
   -moz-image-region: rect(24px, 168px, 48px, 144px);
 }
 
+@media (max-width: 800px) {
+  .category-name {
+    display: none;
+  }
+}
+
 /* header */
 
 #header-advanced {
@@ -200,81 +206,8 @@ treecol {
   -moz-margin-start: 0;
 }
 
-#handlersView {
-  -moz-margin-start: 0;
-  font-size: 1.25rem;
-  line-height: 22px;
-  border: none; /*1px solid #9C9CFF;*/
-  margin: 0;
-  overflow-y: auto;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  height: 500px;
-}
-
-#handlersView > listheader > treecol {
-}
-
-#handlersView > scrollbox {
-  border-left: 1px solid #9C9CFF;
-  border-right: 1px solid #9C9CFF;
-  border-bottom: 1px solid #9C9CFF;
-}
-
-#handlersView > listheader {
-  background: transparent;
-  border: 0;
-  padding: 0;
-}
-
-#typeColumn,
-#actionColumn {
-  line-height: 20px;
-/*  color: #737980;
-  height: 36px;
-  padding: 0 10px;
-  background-color: #F7F7F7;
-  border: 1px solid #CCCCCC;
-  -moz-border-top-colors: none;
-  -moz-border-right-colors: none;
-  -moz-border-bottom-colors: none;
-  -moz-border-left-colors: none;
-*/
-}
-
-#typeColumn:-moz-locale-dir(ltr),
-#actionColumn:-moz-locale-dir(rtl) {
-  border-top-left-radius: 5px;
-}
-
-#typeColumn:-moz-locale-dir(rtl),
-#actionColumn:-moz-locale-dir(ltr) {
-  border-top-right-radius: 5px;
-}
-/*
-#typeColumn:hover,
-#actionColumn:hover {
-  border-color: #737980;
-}
-
-#typeColumn:hover:active,
-#actionColumn:hover:active {
-  padding: 0 10px;
-  border-color: #0096DC;
-}
-*/
-#typeColumn > .treecol-sortdirection[sortDirection=ascending],
-#actionColumn > .treecol-sortdirection[sortDirection=ascending],
-#typeColumn > .treecol-sortdirection[sortDirection=descending],
-#actionColumn > .treecol-sortdirection[sortDirection=descending] {
-}
-
-#typeColumn > .treecol-sortdirection[sortDirection=descending],
-#actionColumn > .treecol-sortdirection[sortDirection=descending] {
-}
-
 #handlersView > richlistitem {
-  min-height: 40px !important;
+  min-height: 36px !important;
 }
 
 .typeIcon {
@@ -288,8 +221,7 @@ treecol {
 }
 
 .actionsMenu {
-  height: 40px;
-  max-height: 40px;
+  min-height: 36px;
 }
 
 .actionsMenu > menupopup > menuitem {
@@ -306,16 +238,6 @@ description > html|a {
   cursor: pointer;
 }
 
-#offlineAppsList,
-#syncEnginesList {
-/*  -moz-appearance: none;
-  color: #737980;
-  padding: 10px;
-  border: 1px solid rgba(23,50,77,0.4);
-  border-radius: 5px;
-  background-color: #F1F1F1;*/
-}
-
 #noFxaAccount {
   /* Overriding the margins from the base preferences.css theme file.
      These overrides can be simplified by fixing bug 1027174 */
index 1d750655dcdee364b23d6323c65c8ee152e077df..b8fe1d93836e73fa15bf8cbb314a868f524b7ac4 100644 (file)
@@ -52,14 +52,26 @@ listbox:focus > listitem[selected="true"] {
 
 listheader {
   -moz-box-align: center;
-  border: 1px solid #FFCF00;
+  border: 1px solid #FF9F00;
+  border-left-top-radius: 3px;
+  border-right-top-radius: 3px;
   background-color: #9C9CFF;
   color: #000000;
-  padding: 0 4px;
+  padding: 0;
+}
+
+listheader > treecol {
+  -moz-border-start: none;
+  border-top: none;
+  border-bottom: none;
+}
+
+listheader > treecol:last-child {
+  -moz-border-end: none;
 }
 
 listheader[sortable="true"]:hover:active {
-  border: 1px solid #FFCF00;
+  border: 1px solid #FF9F00;
   padding-top: 1px;
   padding-bottom: 0px;
   -moz-padding-start: 5px;
@@ -71,7 +83,7 @@ listheader[sortable="true"]:hover:active {
 }
 
 .listheader-label {
-  margin: 0px !important;
+  margin: 0 4px !important;
 }
 
 /* ..... sort direction icon ..... */
index 70ee76e0b0e529b450cdf6634c2d5fdb6f3059b5..0ff878537cf6fe5965d079f7871e7eda42842691 100755 (executable)
Binary files a/LCARStrek/global/tree/sort-asc.gif and b/LCARStrek/global/tree/sort-asc.gif differ
index a3db498368525be93fed80eca0776a82d1bfcb53..3fa549072578f80f721ee127e019706fc67a4a36 100755 (executable)
Binary files a/LCARStrek/global/tree/sort-desc.gif and b/LCARStrek/global/tree/sort-desc.gif differ