Skip to content

Commit 2ecb74f

Browse files
imjuniperimjuniper
committed
Format
1 parent 0d39f20 commit 2ecb74f

File tree

7 files changed

+907
-758
lines changed

7 files changed

+907
-758
lines changed

‎.prettierignore‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@
44
*.min.css
55
*.min.js
66

7+
# Husky
8+
.husky/_/
9+
710
# Bats seems to break Prettier
811
*.bats
912

‎web/css/src/themes/dark.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,11 +27,11 @@ strong {
2727
}
2828

2929
.top-bar-usage-inner {
30-
color: #909090;
30+
color: #909090;
3131
}
3232

3333
.top-bar-nav-list {
34-
background-color: #454545;
34+
background-color: #454545;
3535
}
3636

3737
.top-bar-nav-link {

‎web/css/src/themes/default.css‎

Lines changed: 94 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -55,22 +55,27 @@
5555
========================================================================== */
5656

5757
.top-bar {
58-
background: linear-gradient(to bottom, rgb(104 145 196 / 100%) 0%, rgb(69 114 181 / 100%) 50%, rgb(65 90 149 / 100%) 100%);
59-
background-color: #5070a6;
60-
box-shadow: 0 4px 10px rgb(100 100 100 / 40%);
61-
border-bottom: 1px solid #fff;
62-
position: fixed;
63-
width: 100%;
64-
z-index: 2;
65-
top: 0;
58+
background: linear-gradient(
59+
to bottom,
60+
rgb(104 145 196 / 100%) 0%,
61+
rgb(69 114 181 / 100%) 50%,
62+
rgb(65 90 149 / 100%) 100%
63+
);
64+
background-color: #5070a6;
65+
box-shadow: 0 4px 10px rgb(100 100 100 / 40%);
66+
border-bottom: 1px solid #fff;
67+
position: fixed;
68+
width: 100%;
69+
z-index: 2;
70+
top: 0;
6671
}
6772

6873
.top-bar-inner {
69-
display: flex;
70-
height: 40px;
71-
padding-left: 20px;
72-
padding-right: 20px;
73-
justify-content: space-between;
74+
display: flex;
75+
height: 40px;
76+
padding-left: 20px;
77+
padding-right: 20px;
78+
justify-content: space-between;
7479

7580
@media (--viewport-large) {
7681
padding-left: 0;
@@ -79,91 +84,91 @@
7984
}
8085

8186
.top-bar-left {
82-
display: flex;
83-
align-items: center;
87+
display: flex;
88+
align-items: center;
8489
}
8590

8691
.top-bar-logo {
87-
display: block;
88-
width: 54px;
89-
margin-right: 30px;
92+
display: block;
93+
width: 54px;
94+
margin-right: 30px;
9095
}
9196

9297
.top-bar-usage {
93-
display: none;
98+
display: none;
9499

95-
@media (--viewport-small) {
96-
display: block;
97-
}
100+
@media (--viewport-small) {
101+
display: block;
102+
}
98103
}
99104

100105
.top-bar-usage-inner {
101-
display: flex;
102-
color: #fff;
103-
text-shadow: 1px 1px rgb(0 0 0 / 25%);
104-
font-weight: 500;
106+
display: flex;
107+
color: #fff;
108+
text-shadow: 1px 1px rgb(0 0 0 / 25%);
109+
font-weight: 500;
105110
}
106111

107112
.top-bar-usage-item {
108-
margin-right: 11px;
113+
margin-right: 11px;
109114

110-
&:last-child {
111-
margin-right: 0;
112-
}
115+
&:last-child {
116+
margin-right: 0;
117+
}
113118

114-
& .fas {
115-
margin-right: 3px;
116-
}
119+
& .fas {
120+
margin-right: 3px;
121+
}
117122
}
118123

119124
.top-bar-right {
120-
display: flex;
125+
display: flex;
121126
}
122127

123128
.top-bar-notifications {
124-
display: flex;
125-
position: relative;
129+
display: flex;
130+
position: relative;
126131
}
127132

128133
.top-bar-nav {
129-
display: flex;
130-
position: relative;
134+
display: flex;
135+
position: relative;
131136
}
132137

133138
.top-bar-nav-list {
134-
display: none;
135-
background-color: #4673b6;
136-
box-shadow: 0 3px 20px 0 rgb(0 0 0 / 40%);
137-
position: absolute;
138-
top: 100%;
139-
right: 0;
139+
display: none;
140+
background-color: #4673b6;
141+
box-shadow: 0 3px 20px 0 rgb(0 0 0 / 40%);
142+
position: absolute;
143+
top: 100%;
144+
right: 0;
140145

141-
@media (--viewport-medium) {
142-
display: flex !important; /* NOTE: Overrides inline style set by JS */
143-
background-color: transparent;
144-
box-shadow: none;
145-
position: static;
146-
}
146+
@media (--viewport-medium) {
147+
display: flex !important; /* NOTE: Overrides inline style set by JS */
148+
background-color: transparent;
149+
box-shadow: none;
150+
position: static;
151+
}
147152
}
148153

149154
.top-bar-nav-item {
150-
@media (--viewport-medium) {
151-
display: flex;
152-
}
155+
@media (--viewport-medium) {
156+
display: flex;
157+
}
153158
}
154159

155160
.top-bar-nav-link {
156-
color: #f7f7f7;
157-
display: flex;
158-
align-items: center;
159-
font-size: 0.8rem;
160-
font-weight: 600;
161-
text-shadow: 1px 1px rgb(0 0 0 / 25%);
162-
background-color: transparent;
163-
border: 0;
164-
border-left: 1px solid transparent;
165-
border-right: 1px solid transparent;
166-
padding: 10px;
161+
color: #f7f7f7;
162+
display: flex;
163+
align-items: center;
164+
font-size: 0.8rem;
165+
font-weight: 600;
166+
text-shadow: 1px 1px rgb(0 0 0 / 25%);
167+
background-color: transparent;
168+
border: 0;
169+
border-left: 1px solid transparent;
170+
border-right: 1px solid transparent;
171+
padding: 10px;
167172

168173
&:hover {
169174
box-shadow: inset 0 0 6px rgb(255 255 255 / 60%);
@@ -218,12 +223,12 @@
218223
}
219224

220225
.top-bar-nav-link-label {
221-
margin-left: 6px;
222-
white-space: nowrap;
226+
margin-left: 6px;
227+
white-space: nowrap;
223228

224-
@media (--viewport-medium) {
225-
display: none;
226-
}
229+
@media (--viewport-medium) {
230+
display: none;
231+
}
227232
}
228233

229234
.l-center {
@@ -233,25 +238,25 @@
233238
}
234239

235240
.notification-container {
236-
background-color: #fff;
237-
box-shadow: 0 3px 20px 0 rgb(0 0 0 / 40%);
238-
max-height: 500px;
239-
overflow-y: auto;
240-
position: absolute;
241-
top: 100%;
242-
right: 0;
243-
width: 300px;
244-
z-index: 1;
245-
font-size: 0.8rem;
246-
color: #6f6f6f;
247-
border-bottom-left-radius: 6px;
248-
border-bottom-right-radius: 6px;
249-
border: 1px solid #fff;
250-
border-top: none;
251-
252-
@media (--viewport-medium) {
253-
width: 400px;
254-
}
241+
background-color: #fff;
242+
box-shadow: 0 3px 20px 0 rgb(0 0 0 / 40%);
243+
max-height: 500px;
244+
overflow-y: auto;
245+
position: absolute;
246+
top: 100%;
247+
right: 0;
248+
width: 300px;
249+
z-index: 1;
250+
font-size: 0.8rem;
251+
color: #6f6f6f;
252+
border-bottom-left-radius: 6px;
253+
border-bottom-right-radius: 6px;
254+
border: 1px solid #fff;
255+
border-top: none;
256+
257+
@media (--viewport-medium) {
258+
width: 400px;
259+
}
255260
}
256261

257262
.notification-container .empty {
@@ -2136,7 +2141,7 @@ body.mobile .l-unit-toolbar__col--right {
21362141
}
21372142

21382143
.l-content {
2139-
padding-top: 40px;
2144+
padding-top: 40px;
21402145
}
21412146

21422147
.console-output {

‎web/css/src/themes/flat.css‎

Lines changed: 25 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ strong {
2323
}
2424

2525
.top-bar-usage-inner {
26-
text-shadow: none;
26+
text-shadow: none;
2727
}
2828

2929
.top-bar-nav-link {
@@ -72,20 +72,28 @@ strong {
7272
========================================================================== */
7373

7474
.button {
75-
box-shadow: none;
76-
background: linear-gradient(to bottom, rgb(235 243 249 / 100%) 0%, rgb(223 235 245 / 100%) 100%);
75+
box-shadow: none;
76+
background: linear-gradient(to bottom, rgb(235 243 249 / 100%) 0%, rgb(223 235 245 / 100%) 100%);
7777

78-
&:hover {
79-
color: #6986b7;
80-
box-shadow: none;
81-
background: linear-gradient(to bottom, rgb(241 248 253 / 100%) 0%, rgb(227 240 251 / 100%) 100%);
82-
}
78+
&:hover {
79+
color: #6986b7;
80+
box-shadow: none;
81+
background: linear-gradient(
82+
to bottom,
83+
rgb(241 248 253 / 100%) 0%,
84+
rgb(227 240 251 / 100%) 100%
85+
);
86+
}
8387

84-
&:active,
85-
&:focus {
86-
box-shadow: none;
87-
background: linear-gradient(to bottom, rgb(210 232 250 / 100%) 0%, rgb(194 224 248 / 100%) 100%);
88-
}
88+
&:active,
89+
&:focus {
90+
box-shadow: none;
91+
background: linear-gradient(
92+
to bottom,
93+
rgb(210 232 250 / 100%) 0%,
94+
rgb(194 224 248 / 100%) 100%
95+
);
96+
}
8997
}
9098

9199
.button-secondary {
@@ -107,11 +115,11 @@ strong {
107115
}
108116

109117
.ui-dialog {
110-
box-shadow: 0 2px 11px 0 rgb(0 0 0 / 50%);
118+
box-shadow: 0 2px 11px 0 rgb(0 0 0 / 50%);
111119

112-
& .ui-dialog-buttonpane button:nth-of-type(2) {
113-
box-shadow: none;
114-
}
120+
& .ui-dialog-buttonpane button:nth-of-type(2) {
121+
box-shadow: none;
122+
}
115123
}
116124

117125
.badge {

‎web/css/src/themes/vestia.css‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ strong {
2727
}
2828

2929
.top-bar-nav-list {
30-
background-color: #5d5d5d;
30+
background-color: #5d5d5d;
3131
}
3232

3333
.top-bar-nav-link {
@@ -148,11 +148,11 @@ strong {
148148
}
149149

150150
.ui-dialog {
151-
box-shadow: 0 2px 11px 0 rgb(0 0 0 / 50%);
151+
box-shadow: 0 2px 11px 0 rgb(0 0 0 / 50%);
152152

153-
& .ui-dialog-buttonpane button {
154-
box-shadow: none;
155-
}
153+
& .ui-dialog-buttonpane button {
154+
box-shadow: none;
155+
}
156156
}
157157

158158
.notification-container {
@@ -425,15 +425,15 @@ li[aria-expanded="true"] a {
425425
========================================================================== */
426426

427427
.collapse-header {
428-
background: #fafafa;
429-
box-shadow: none;
430-
color: #444;
428+
background: #fafafa;
429+
box-shadow: none;
430+
color: #444;
431431

432-
&:hover {
433-
color: #ff791f;
434-
}
432+
&:hover {
433+
color: #ff791f;
434+
}
435435

436-
& .fas {
437-
display: none;
438-
}
436+
& .fas {
437+
display: none;
438+
}
439439
}

0 commit comments

Comments
 (0)