From d1414270078f317094efb11d341ea1915ee7c29c Mon Sep 17 00:00:00 2001 From: nathangray Date: Tue, 27 Apr 2021 14:34:13 -0600 Subject: [PATCH] Preferences: Move default value under the preference name, give it some faded styling --- preferences/templates/default/app.css | 18 +++++++----- preferences/templates/default/settings.xet | 6 ++-- preferences/templates/pixelegg/app.css | 34 ++++++++-------------- preferences/templates/pixelegg/app.less | 11 ++----- 4 files changed, 27 insertions(+), 42 deletions(-) diff --git a/preferences/templates/default/app.css b/preferences/templates/default/app.css index 5c793bb8e4..e70f65c131 100644 --- a/preferences/templates/default/app.css +++ b/preferences/templates/default/app.css @@ -18,11 +18,14 @@ table.prefTable tbody tr.prefRow:first-child > .prefHelpColumn { height: 99%; } tr.prefRow:hover {background-color:#f0f0ff} -td.prefName { - width: 50%; +.prefName .et2_label:first-child { + padding-top: 2px; } tr.prefRow > td { - vertical-align: bottom; /* otherwise help will cover bigger prefValue */ + vertical-align: top; +} +tr.prefRow > td.prefValueColumn { + vertical-align: middle; } /*.prefValueColumn {border-right:none !important;}*/ .prefHelpColumn { @@ -51,14 +54,13 @@ tr.prefRow:hover .prefHelp { } .prefValue { margin-right: 5px; - width:49%; + width:99%; } -.prefDefault { - float: right; - width:48%; +span.prefDefault { overflow-x: hidden; text-overflow: ellipsis; - max-width: 300px; + padding-bottom: 5px; + color: silver; } .prefValue textarea, textarea.prefValue { width: 99%; diff --git a/preferences/templates/default/settings.xet b/preferences/templates/default/settings.xet index fd2f23dfa2..e8a1e1b3cc 100644 --- a/preferences/templates/default/settings.xet +++ b/preferences/templates/default/settings.xet @@ -11,12 +11,12 @@ - + - + + - diff --git a/preferences/templates/pixelegg/app.css b/preferences/templates/pixelegg/app.css index 0dc752c6f9..93867a22a0 100755 --- a/preferences/templates/pixelegg/app.css +++ b/preferences/templates/pixelegg/app.css @@ -32,12 +32,14 @@ table.prefTable tbody tr.prefRow:first-child > .prefHelpColumn { tr.prefRow:hover { background-color: #f0f0ff; } -td.prefName { - width: 50%; +.prefName .et2_label:first-child { + padding-top: 5px; } tr.prefRow > td { - vertical-align: bottom; - /* otherwise help will cover bigger prefValue */ + vertical-align: top; +} +tr.prefRow > td.prefValueColumn { + vertical-align: middle; } /*.prefValueColumn {border-right:none !important;}*/ .prefHelpColumn { @@ -49,7 +51,7 @@ tr.prefRow > td { display: none; width: 255px; max-height: 99%; - height: calc(99% - 150px); + height: calc(-51%); background-color: #f0f0ff; padding: 5px; top: 80px; @@ -68,14 +70,13 @@ tr.prefRow:hover .prefHelp { } .prefValue { margin-right: 5px; - width: 49%; + width: 99%; } -.prefDefault { - float: right; - width: 48%; +span.prefDefault { overflow-x: hidden; text-overflow: ellipsis; - max-width: 300px; + padding-bottom: 5px; + color: silver; } .prefValue textarea, textarea.prefValue { @@ -92,7 +93,7 @@ textarea.prefValue { width: 49%; } .prefApp { - width: 49.5%; + width: 49.50%; } #preferences-password .dialogHeader td { text-align: center; @@ -154,13 +155,6 @@ table.prefTable { table.prefTable tbody tr.prefRow:first-child > .prefHelpColumn { background-image: url(../../../pixelegg/images/dialog_info.png); } -td.prefName { - width: 50%; -} -tr.prefRow > td { - vertical-align: bottom; - /* otherwise help will cover bigger prefValue */ -} .prefHelp { position: absolute; display: none; @@ -181,10 +175,6 @@ tr.prefRow:hover .prefHelp { z-index: 10; /* FF: displays it under next prefName without */ } -.prefDefault, -.prefValue { - float: left; -} .prefValue { margin-right: 5px; } diff --git a/preferences/templates/pixelegg/app.less b/preferences/templates/pixelegg/app.less index 1c2e9ce762..1193042730 100755 --- a/preferences/templates/pixelegg/app.less +++ b/preferences/templates/pixelegg/app.less @@ -12,6 +12,7 @@ * @version $Id$ */ + @import (reference) "../../../pixelegg/less/def_buttons.less"; @import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less"; @import (less) "../default/app.css"; @@ -37,6 +38,7 @@ # # # ##############################################*/ + /*app.css Stylite*/ table.prefTable { @@ -45,12 +47,6 @@ table.prefTable { table.prefTable tbody tr.prefRow:first-child > .prefHelpColumn { background-image:url(../../../pixelegg/images/dialog_info.png); } -td.prefName { - width: 50%; -} -tr.prefRow > td { - vertical-align: bottom; /* otherwise help will cover bigger prefValue */ -} .prefHelp { position: absolute; display: none; @@ -68,9 +64,6 @@ tr.prefRow:hover .prefHelp { display: block; z-index: 10; /* FF: displays it under next prefName without */ } -.prefDefault, .prefValue { - float: left; -} .prefValue { margin-right: 5px; }