-
-
Notifications
You must be signed in to change notification settings - Fork 10
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Fixes #11
- Loading branch information
Showing
5 changed files
with
130 additions
and
178 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Submodule AutomaticSettings
updated
3 files
| +1 −1 | .eslintrc | |
| +46 −1 | README.md | |
| +107 −0 | css/photonOptions.css |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,90 +1 @@ | ||
| body { | ||
| /* the style the other options in the settings pane use */ | ||
| font-size: 1.11em; | ||
| color: #333; | ||
| } | ||
|
|
||
| /* on (small) mobile displays */ | ||
| body.mobile { | ||
| /* smaller size -> default on Firefox for Android is 14px */ | ||
| font-size: 14px; | ||
| } | ||
|
|
||
| /* disable all options incomaptible with mobile devices */ | ||
| body.mobile .mobile-incompatible { | ||
| display: none; | ||
| } | ||
|
|
||
| /* https://design.firefox.com/photon/patterns/inactive.html */ | ||
| [disabled], | ||
| input[disabled] ~ label { | ||
| opacity: 0.4; | ||
| } | ||
|
|
||
| ul { | ||
| margin: 0px; | ||
| padding: 0px; | ||
| } | ||
| /* still show padding if ul is used for indentation */ | ||
| ul ul { | ||
| padding-left: 40px; | ||
| } | ||
| li { | ||
| list-style-type: none; | ||
| margin-top: 10px; | ||
| padding: 0px; | ||
| } | ||
| /* in a fieldset e.g. we use a condensed version */ | ||
| .condensed-list { | ||
| margin-left: 0px; | ||
| } | ||
|
|
||
| fieldset { | ||
| /* same border style as separators above */ | ||
| border: 1px solid; | ||
| border-radius: 4px; | ||
| border-color: var(--grey-30); /* Firefox: --in-content-box-border-color */ | ||
|
|
||
| /* a big width, but not too big */ | ||
| display: inline-block; | ||
| width: auto; | ||
| min-width: 60vw; | ||
|
|
||
| margin-bottom: 4px; | ||
| } | ||
|
|
||
| /* when a setting has a label *before* it, add some margin */ | ||
| label + .setting { | ||
| margin-left: 8px; | ||
| } | ||
|
|
||
| .helper-text { | ||
| display: block; | ||
| color: var(--grey-50); | ||
|
|
||
| margin-top: 4px; | ||
| } | ||
|
|
||
| /* some margin to align with checkbox */ | ||
| input[type=checkbox] ~ .helper-text, | ||
| input[type=radio] ~ .helper-text { | ||
| /* 4px margin-left + 16px size + 3px margin-right + 5px space (#text) */ | ||
| margin-left: 28px; | ||
| } | ||
|
|
||
| /* when a "Learn more" link is used in a helper text, add margin */ | ||
| .learn-more { | ||
| margin-left: 4px; | ||
| overflow-wrap: none; | ||
| } | ||
|
|
||
| /* workaround for missing invalid style, see https://bugzilla.mozilla.org/show_bug.cgi?id=1514567 */ | ||
| .browser-style > input[type=text]:invalid:not(:focus) { | ||
| border-color: var(--red-60); /* makes border quare for some reason on GNOME */ | ||
| border-radius: 2px; /* looks better on GNOME, at least */ | ||
| box-shadow: 0 0 0 2px var(--red-60-light-shadow); | ||
| } | ||
|
|
||
| .message-inside-options { | ||
| margin-top: 10px; | ||
| } | ||
| @import "/common/modules/AutomaticSettings/css/photonOptions.css"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters