fix up page info, including making readonly textboxes gray instead of disabled-purple
authorRobert Kaiser <kairo@kairo.at>
Mon, 30 Jan 2017 13:50:44 +0000 (14:50 +0100)
committerRobert Kaiser <kairo@kairo.at>
Mon, 30 Jan 2017 13:50:44 +0000 (14:50 +0100)
LCARStrek/browser/pageInfo.css
LCARStrek/global/textbox.css

index 1d89fec4dd7dffacad193b23e7bba09501246302..99be8a0d569caaefce9954c573f1d942433675d6 100644 (file)
@@ -4,6 +4,9 @@
 
 @import "chrome://global/skin/";
 
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
+
 /* View buttons */
 #viewGroup {
   padding-inline-start: 10px;
@@ -91,17 +94,30 @@ tree {
 }
 
 row > label {
-  padding: 3px 0;
+  padding: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 19px; /* match textbox */
 }
 
 textbox {
   background: transparent !important;
   border: none;
   padding: 0px;
-  margin-top: 1px;
+  margin-top: 0px;
   -moz-appearance: none;
 }
 
+html|*.textbox-input > .anonymous-div,
+html|*.textbox-input > html|*.anonymous-div,
+html|div.anonymous-div,
+.anonymous-div,
+div,
+html|*.textbox-input,
+html|*.textbox-input::placeholder {
+  line-height: 1em !important;
+}
+
 textbox.header {
   margin-inline-start: 0;
 }
@@ -276,14 +292,19 @@ treechildren::-moz-tree-cell-text(broken) {
 }
  
 #securityPanel .fieldLabel {
-  margin: 2px 10px 3px;
+  margin: 0px 10px;
 }
 
 #securityPanel .fieldValue {
   font-weight: bold;
-  margin: 2px 10px 0px;
+  margin: 0px 10px;
 }
 
 #securityPanel row {
   -moz-box-align: center;
 }
+
+#security-technical-box > .fieldValue,
+#security-technical-box > .fieldLabel {
+  margin-bottom: .5em;
+}
index 227757d7ddcccc4aac211197fb484b8fdffd5263..83e3172520e38a7b2ecac1ffe66c26e19efcee00 100644 (file)
@@ -41,6 +41,15 @@ html|*.textbox-textarea::placeholder {
   opacity: 1.0;
 }
 
+html|*.textbox-input > .anonymous-div,
+html|*.textbox-input::placeholder {
+  line-height: 1em; /* This would be ideal but doesn't work */
+}
+
+html|*.textbox-input {
+  max-height: 1em; /* work around the above rule that does not work */
+}
+
 .textbox-input-box menupopup {
   cursor: default;
 }
@@ -48,8 +57,8 @@ html|*.textbox-textarea::placeholder {
 /* ..... readonly state ..... */
 
 textbox[readonly="true"] {
-  border: 1px solid #8050B0;
-  color: #8050B0;
+  border: 1px solid #A09090;
+  color: #A09090;
 }
 
 /* ..... disabled state ..... */
@@ -68,7 +77,7 @@ textbox[focused="true"] {
 }
 
 textbox[focused="true"][readonly="true"] {
-  border: 1px solid #8050B0;
+  border: 1px solid #A09090;
   outline: none;
 }