X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fpreferences%2Fin-content%2Fpreferences.css;h=151b4995d2f39710873fc6edd299392d2586a064;hp=c01fe2709fa3bb07eff59f68f3be90ab099e6b20;hb=d0f28e616d7c3b04647d549a4b7aa14753f029d8;hpb=dae4507500ac2bc6547a8303851bc9b0bcae5ddf diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css index c01fe270..151b4995 100644 --- a/LCARStrek/browser/preferences/in-content/preferences.css +++ b/LCARStrek/browser/preferences/in-content/preferences.css @@ -62,6 +62,12 @@ treecol { min-width: 26px; } +.learnMore { + margin-inline-start: 10px; + font-weight: normal; + white-space: nowrap; +} + /* Category List */ #categories { @@ -162,6 +168,16 @@ treecol { /* header */ +.header { + display: flex; + align-items: center; + justify-content: space-between; +} + +.header[hidden=true] { + display: none; +} + #header-advanced { border-bottom: none; padding-bottom: 0; @@ -224,17 +240,12 @@ treecol { font-weight: bold; } -/* Content pane */ -#playDRMContentLink { - /* Line up with the buttons in the other grid bits: */ - margin-left: 4px !important; - margin-right: 4px !important; -} - -#notificationsPolicyLearnMore { - margin-inline-start: 1.5em !important; +#browserHomePage:-moz-locale-dir(rtl) input { + unicode-bidi: plaintext; + direction: rtl; } +/* Content pane */ #defaultFontSizeLabel { /* !important needed to override common !important rule */ margin-inline-start: 4px !important; @@ -282,22 +293,22 @@ treecol { /* Privacy pane */ -.doNotTrackLearnMore, -#trackingProtectionPBMLearnMore, -#trackingProtectionLearnMore { - margin-inline-start: 1.5em !important; - margin-top: 0; +.doNotTrackLearnMore { + margin-inline-start: calc(1em + 30px); + margin-bottom: 1em; font-weight: normal; } +.doNotTrackLearnMore > label { + font-size: 1em !important; + margin-left: 0; +} + /* Collapse the non-active vboxes in decks to use only the height the active vbox needs */ #historyPane:not([selectedIndex="1"]) > #historyDontRememberPane, #historyPane:not([selectedIndex="2"]) > #historyCustomPane, -#weavePrefsDeck:not([selectedIndex="1"]) > #hasAccount, -#weavePrefsDeck:not([selectedIndex="2"]) > #needsUpdate, -#weavePrefsDeck:not([selectedIndex="3"]) > #noFxaAccount, -#weavePrefsDeck:not([selectedIndex="4"]) > #hasFxaAccount, +#weavePrefsDeck:not([selectedIndex="1"]) > #hasFxaAccount, #fxaLoginStatus:not([selectedIndex="1"]) > #fxaLoginUnverified, #fxaLoginStatus:not([selectedIndex="2"]) > #fxaLoginRejected { visibility: collapse; @@ -310,9 +321,7 @@ description > html|a { } #noFxaAccount { - /* Overriding the margins from the base preferences.css theme file. - These overrides can be simplified by fixing bug 1027174 */ - margin: 0; + padding-top: 15px; } #weavePrefsDeck > vbox > label, @@ -322,7 +331,7 @@ description > html|a { #weavePrefsDeck > #needsUpdate > hbox > #loginError, #weavePrefsDeck > #hasFxaAccount > vbox > label, #weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-normal) > label { - /* no margin-start for elements at the begin of a line */ + /* no margin-inline-start for elements at the begin of a line */ margin-inline-start: 0; } @@ -334,17 +343,6 @@ description > html|a { /* margin-inline-end: 4px; / add the 4px end-margin of other elements */ } -#telemetryLearnMore, -#FHRLearnMore, -#crashReporterLearnMore { - /* provide some margin between the links and the label text */ - /* !important is needed to override the rules defined in common.css */ - margin-inline-start: 20px !important; - /* center the links */ - margin-top: 8px; - margin-bottom: 8px; -} - .indent { /* !important needed to override margin-inline-start:0 !important; rule define in common.css for labels - but not in LCARStrek*/ @@ -428,7 +426,6 @@ description > html|a { #dialogFrame { -moz-box-flex: 1; /* Default dialog dimensions */ - height: 20em; width: 66ch; } @@ -505,116 +502,6 @@ description > html|a { -moz-box-align: start; } -#syncStatusMessage { - visibility: collapse; - opacity: 0; - transition: opacity 1s linear; - padding: 14px 8px 14px 14px; - border-radius: 2px; -} - -#syncStatusMessage[message-type] { - visibility: visible; - opacity: 1; -} - -#syncStatusMessage[message-type="verify-success"] { - background-color: #008484; -} - -#syncStatusMessage[message-type="verify-error"] { - background-color: #FF0000; -} - -#syncStatusMessage[message-type="migration"] { - background-color: #FF9F00; -} - -#syncStatusMessageWrapper { - -moz-box-flex: 1; - padding-right: 5px; -} - -#syncStatusMessageTitle, #syncStatusMessageDescription { - color: #9C9CFF; -} - -#syncStatusMessage[message-type="migration"] #syncStatusMessageTitle { - display: none; -} - -#syncStatusMessageTitle { - font-weight: bold !important; - font-size: 16px; - line-height: 157%; - margin: 0 0 20px; -} - -#syncStatusMessageDescription { - font-size: 14px; - line-height: 158%; - margin: 0 !important; -} - -#syncStatusMessageClose { - margin: 0px; -} - -#syncStatusMessage { - visibility: collapse; - opacity: 0; - transition: opacity 1s linear; - padding: 14px 8px 14px 14px; - border-radius: 2px; -} - -#syncStatusMessage[message-type] { - visibility: visible; - opacity: 1; -} - -#syncStatusMessage[message-type="verify-success"] { - background-color: #008484; -} - -#syncStatusMessage[message-type="verify-error"] { - background-color: #FF0000; -} - -#syncStatusMessage[message-type="migration"] { - background-color: #FFCF00; -} - -#syncStatusMessageWrapper { - -moz-box-flex: 1; - padding-right: 5px; -} - -#syncStatusMessageTitle, #syncStatusMessageDescription { - color: #A09090; -} - -#syncStatusMessage[message-type="migration"] #syncStatusMessageTitle { - display: none; -} - -#syncStatusMessageTitle { - font-weight: bold !important; - font-size: 16px; - line-height: 157%; - margin: 0 0 20px; -} - -#syncStatusMessageDescription { - font-size: 14px; - line-height: 158%; - margin: 0 !important; -} - -#syncStatusMessageClose { - margin: 0px; -} - #fxaSyncEngines > vbox:first-child { margin-right: 80px; } @@ -671,6 +558,8 @@ description > html|a { .fxaAccountBoxButtons { margin-bottom: 0 !important; margin-top: 11px; + display: flex; + align-items: center; } .fxaAccountBoxButtons > * { @@ -686,7 +575,7 @@ description > html|a { } .fxaAccountBoxButtons > button:first-child { - margin-right: 14px !important; + margin-inline-end: 14px !important; } .fxaSyncIllustration {