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=432b6223c6ddbb5a5d946d45fe84ca6a7faa8dae;hb=d0f28e616d7c3b04647d549a4b7aa14753f029d8;hpb=7327c957c10aeaccf57a457a9950ac380a326f29 diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css index 432b6223..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; @@ -213,7 +229,7 @@ treecol { #useFirefoxSync { font-size: 90%; - -moz-margin-end: 8px !important; + margin-inline-end: 8px !important; } #getStarted { @@ -224,20 +240,15 @@ 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 { - -moz-margin-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 */ - -moz-margin-start: 4px !important; + margin-inline-start: 4px !important; } /* Applications Pane Styles */ @@ -247,7 +258,7 @@ treecol { } #filter { - -moz-margin-start: 0; + margin-inline-start: 0; } #handlersView { @@ -259,13 +270,13 @@ treecol { } .typeIcon { - -moz-margin-start: 10px !important; - -moz-margin-end: 9px !important; + margin-inline-start: 10px !important; + margin-inline-end: 9px !important; } .actionIcon { - -moz-margin-start: 11px !important; - -moz-margin-end: 8px !important; + margin-inline-start: 11px !important; + margin-inline-end: 8px !important; } .actionsMenu { @@ -273,31 +284,31 @@ treecol { } .actionsMenu > menupopup > menuitem { - -moz-padding-start: 10px !important; + padding-inline-start: 10px !important; } .actionsMenu > menupopup > menuitem > .menu-iconic-left { - -moz-margin-end: 8px !important; + margin-inline-end: 8px !important; } /* Privacy pane */ -.doNotTrackLearnMore, -#trackingProtectionPBMLearnMore, -#trackingProtectionLearnMore { - -moz-margin-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,8 +331,8 @@ 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 */ - -moz-margin-start: 0; + /* no margin-inline-start for elements at the begin of a line */ + margin-inline-start: 0; } #advancedPrefs { @@ -331,24 +340,13 @@ description > html|a { } #tabsElement { -/* -moz-margin-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 */ - -moz-margin-start: 20px !important; - /* center the links */ - margin-top: 8px; - margin-bottom: 8px; +/* margin-inline-end: 4px; / add the 4px end-margin of other elements */ } .indent { - /* !important needed to override -moz-margin-start:0 !important; rule + /* !important needed to override margin-inline-start:0 !important; rule define in common.css for labels - but not in LCARStrek*/ - -moz-margin-start: 33px /*!important*/; + margin-inline-start: 33px /*!important*/; } .text-link { @@ -356,7 +354,7 @@ description > html|a { } #showUpdateHistory { - -moz-margin-start: 0; + margin-inline-start: 0; } #fxaProfileImage { @@ -393,8 +391,8 @@ description > html|a { } #dialogBox > .groupbox-title { - -moz-margin-start: 0; - -moz-margin-end: 0; + margin-inline-start: 0; + margin-inline-end: 0; /* padding: 3.5px 0; background-color: #F1F1F1; */ } @@ -428,7 +426,6 @@ description > html|a { #dialogFrame { -moz-box-flex: 1; /* Default dialog dimensions */ - height: 20em; width: 66ch; } @@ -459,8 +456,13 @@ description > html|a { #fxaProfileImage { max-width: 60px; border-radius: 50%; - list-style-image: url(chrome://browser/skin/fxa/default-avatar.png); + list-style-image: url(chrome://browser/skin/fxa/default-avatar.svg); margin-inline-end: 15px; + image-rendering: -moz-crisp-edges; +} + +#fxaLoginStatus[hasName] #fxaProfileImage { + max-width: 80px; } #fxaProfileImage.actionable { @@ -500,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; } @@ -666,6 +558,8 @@ description > html|a { .fxaAccountBoxButtons { margin-bottom: 0 !important; margin-top: 11px; + display: flex; + align-items: center; } .fxaAccountBoxButtons > * { @@ -681,7 +575,7 @@ description > html|a { } .fxaAccountBoxButtons > button:first-child { - margin-right: 14px !important; + margin-inline-end: 14px !important; } .fxaSyncIllustration { @@ -689,6 +583,10 @@ description > html|a { list-style-image: url(chrome://browser/skin/fxa/sync-illustration.png) } +#fxaLoginStatus[hasName] #fxaEmailAddress1 { + font-size: 1.1rem; +} + #fxaEmailAddress1, #fxaEmailAddress2, #fxaEmailAddress3 { @@ -752,9 +650,6 @@ description > html|a { .fxaFirefoxLogo { list-style-image: url(chrome://browser/skin/fxa/logo@2x.png); } - #fxaProfileImage { - list-style-image: url(chrome://browser/skin/fxa/default-avatar@2x.png); - } } /* === END shared/incontentprefs/preferences.inc.css === */ @@ -763,7 +658,7 @@ caption { } .indent-small { - -moz-margin-start: 10px; + margin-inline-start: 10px; } @media (min-resolution: 2dppx) {