diff options
author | 2023-07-25 09:20:43 -0600 | |
---|---|---|
committer | 2023-07-26 16:28:22 +0000 | |
commit | 4bd3d6764bfd48c881d9722825309ddb5956c758 (patch) | |
tree | 53296e94d91ab2cdc57c4d32a1fbcee071ae7923 /src/styles/title-bar.scss | |
parent | chore: upgrade @octokit/core to latest (diff) | |
download | ferdium-app-4bd3d6764bfd48c881d9722825309ddb5956c758.tar.gz ferdium-app-4bd3d6764bfd48c881d9722825309ddb5956c758.tar.zst ferdium-app-4bd3d6764bfd48c881d9722825309ddb5956c758.zip |
style: reformat all files properly
- remove .json from .eslintignore
- add type intellisense to .prettierrc.js
- install missing @jest/types which is used in jest.config.js
- split up typecheck and lint into two separate commands
- remove --require-pragma flag from reformat-files which leads to unformatted files
- install suggested @types/prop-types and @types/react-loader dependencies
- add @ts-expect-error to Loader usages
- reformat all scss files automatically with reformat-files command
Diffstat (limited to 'src/styles/title-bar.scss')
-rw-r--r-- | src/styles/title-bar.scss | 36 |
1 files changed, 26 insertions, 10 deletions
diff --git a/src/styles/title-bar.scss b/src/styles/title-bar.scss index b6d28ac60..99c844c1c 100644 --- a/src/styles/title-bar.scss +++ b/src/styles/title-bar.scss | |||
@@ -10,7 +10,9 @@ | |||
10 | } | 10 | } |
11 | 11 | ||
12 | &:not(.open) { | 12 | &:not(.open) { |
13 | .menu-item .menu-label { opacity: 1; } | 13 | .menu-item .menu-label { |
14 | opacity: 1; | ||
15 | } | ||
14 | > .toolbar-button > button:hover { | 16 | > .toolbar-button > button:hover { |
15 | background: $dark-theme-gray-darkest; | 17 | background: $dark-theme-gray-darkest; |
16 | } | 18 | } |
@@ -43,18 +45,28 @@ | |||
43 | #electron-app-title-bar { | 45 | #electron-app-title-bar { |
44 | background: $theme-gray-lightest; | 46 | background: $theme-gray-lightest; |
45 | border-bottom: 0; | 47 | border-bottom: 0; |
46 | box-shadow: 0 0 8px rgba(black, .1); | 48 | box-shadow: 0 0 8px rgba(black, 0.1); |
47 | 49 | ||
48 | span { line-height: normal; } | 50 | span { |
51 | line-height: normal; | ||
52 | } | ||
49 | 53 | ||
50 | div { height: auto; } | 54 | div { |
55 | height: auto; | ||
56 | } | ||
51 | 57 | ||
52 | .toolbar-dropdown { | 58 | .toolbar-dropdown { |
53 | &.open { box-shadow: 0 0 8px rgba(black, 0.1); } | 59 | &.open { |
60 | box-shadow: 0 0 8px rgba(black, 0.1); | ||
61 | } | ||
54 | 62 | ||
55 | &:not(.open) { | 63 | &:not(.open) { |
56 | .menu-item .menu-label { opacity: 1; } | 64 | .menu-item .menu-label { |
57 | > .toolbar-button > button:hover { background: $theme-brand-primary; } | 65 | opacity: 1; |
66 | } | ||
67 | > .toolbar-button > button:hover { | ||
68 | background: $theme-brand-primary; | ||
69 | } | ||
58 | } | 70 | } |
59 | } | 71 | } |
60 | 72 | ||
@@ -63,14 +75,18 @@ | |||
63 | border-radius: $theme-border-radius-small; | 75 | border-radius: $theme-border-radius-small; |
64 | margin: 4px; | 76 | margin: 4px; |
65 | 77 | ||
66 | .status-icon { min-width: 12px; } | 78 | .status-icon { |
79 | min-width: 12px; | ||
80 | } | ||
67 | } | 81 | } |
68 | 82 | ||
69 | &.selected, | 83 | &.selected, |
70 | &.selected:focus { | 84 | &.selected:focus { |
71 | background: none; | 85 | background: none; |
72 | 86 | ||
73 | .menu-item { background: $theme-brand-primary; } | 87 | .menu-item { |
88 | background: $theme-brand-primary; | ||
89 | } | ||
74 | } | 90 | } |
75 | } | 91 | } |
76 | 92 | ||
@@ -78,7 +94,7 @@ | |||
78 | &.menu-endblock { | 94 | &.menu-endblock { |
79 | border-bottom-left-radius: $theme-border-radius-small; | 95 | border-bottom-left-radius: $theme-border-radius-small; |
80 | border-bottom-right-radius: $theme-border-radius-small; | 96 | border-bottom-right-radius: $theme-border-radius-small; |
81 | box-shadow: 0px 15px 10px -15px rgba(black, .5); | 97 | box-shadow: 0px 15px 10px -15px rgba(black, 0.5); |
82 | border-left-width: 0px; | 98 | border-left-width: 0px; |
83 | } | 99 | } |
84 | } | 100 | } |