diff options
| author | lonkaars <loek@pipeframe.xyz> | 2021-06-19 19:25:41 +0200 |
|---|---|---|
| committer | lonkaars <loek@pipeframe.xyz> | 2021-06-19 19:25:41 +0200 |
| commit | 4d5d2689e58afa86ba3d578cda1096dd3cb0e7ca (patch) | |
| tree | baee87e8e3c4316b8c6d2d5a0bc4980666aea8c1 /styles | |
| parent | 83f1c769dba0895d65151e675ef6b09d04561000 (diff) | |
on screen controls selection
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/editor.css | 53 |
1 files changed, 52 insertions, 1 deletions
diff --git a/styles/editor.css b/styles/editor.css index 7c7bd86..23c132e 100644 --- a/styles/editor.css +++ b/styles/editor.css @@ -51,7 +51,6 @@ margin-right: -8px; } .settings .inner button { - width: 100%; background-color: var(--piss); color: var(--bg); } @@ -60,6 +59,10 @@ font-weight: 500; } +.settings .inner button, +.settings .inner .MuiFormControl-root +{ width: 100%; } + .MuiSwitch-root .MuiSwitch-thumb { color: var(--c700); } .MuiSwitch-root .MuiSwitch-track { background-color: var(--c700); } .MuiSwitch-root .Mui-checked .MuiSwitch-thumb { color: var(--gruble); } @@ -67,6 +70,54 @@ .MuiSwitch-root .Mui-checked { color: var(--gruble) !important; } .MuiSwitch-root .Mui-checked:hover { background-color: rgba(93, 233, 174, 0.04) !important; } +.MuiFormControl-root { + border-radius: 4px; + overflow: hidden; +} +.MuiSelect-icon, +.MuiFormLabel-root +{ color: var(--c800) !important; } +.MuiFormLabel-root.Mui-focused { color: var(--gruble) !important; } +.MuiFilledInput-root { + background-color: var(--c300) !important; + color: var(--fg) !important; +} +.MuiFilledInput-underline:after { border-color: var(--gruble) !important; } +.MuiFilledInput-underline:before { border-bottom: none !important; } + +.MuiMenu-paper { + background-color: var(--c200) !important; + color: var(--fg) !important; +} +.MuiListItem-root.Mui-selected, .MuiListItem-root.Mui-selected:hover { background-color: transparent !important; } + +.os-controls-type { width: 192px; } +.os-controls-type svg { + fill: var(--piss); + width: 48px; + height: 48px; +} +.os-controls-type .description { + overflow: hidden; + line-height: 1.1; +} +.os-controls-type .description .title { + font-weight: 700; + margin-bottom: 4px; + font-size: 1.125rem; +} + +.os-controls-type .description .title, +.os-controls-type .description .body { + display: block; + white-space: normal !important; +} + +.os-controls-type .icon { + width: 48px; + padding-right: 4px; +} + .settings ::-webkit-scrollbar-track, .settings ::-webkit-scrollbar-track-piece, .settings ::-webkit-scrollbar { |