Skip to content

Commit 50522c6

Browse files
nem035nem035
committed
css button cleanup
1 parent 641bab1 commit 50522c6

File tree

7 files changed

+71
-63
lines changed

7 files changed

+71
-63
lines changed

‎css/stylesheet.css‎

Lines changed: 17 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -51,11 +51,12 @@ button {
5151
white-space: nowrap;
5252
overflow: hidden;
5353
text-overflow: ellipsis;
54+
background: rgb(63, 63, 63);
5455
}
5556

5657
.btn:hover,
57-
button:not([disabled]):hover {
58-
background: rgba(0, 0, 0, .15) !important;
58+
button:hover {
59+
background: rgba(0, 0, 0, .15);
5960
cursor: pointer;
6061
}
6162

@@ -64,6 +65,17 @@ button.active {
6465
background: rgb(38, 38, 38);
6566
}
6667

68+
.btn.active:hover,
69+
button.active:hover {
70+
background: rgba(38, 38, 38, .8);
71+
}
72+
73+
button[disabled] {
74+
background: rgb(63, 63, 63);
75+
cursor: not-allowed;
76+
opacity: 0.6;
77+
}
78+
6779
.btn input,
6880
button input {
6981
outline: none;
@@ -144,19 +156,15 @@ nav h3 {
144156
text-align: left;
145157
}
146158

147-
button.category {
148-
background: rgba(0, 0, 0, .10);
149-
}
150-
151-
button.indent {
159+
.sidemenu button.indent {
152160
padding-left: 28px;
153161
}
154162

155-
.algorithms {
163+
.sidemenu .algorithms {
156164
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.36), inset 0 -2px 2px rgba(0, 0, 0, 0.24);
157165
}
158166

159-
.algorithms.collapse {
167+
.sidemenu .algorithms.collapse {
160168
display: none;
161169
}
162170

@@ -285,10 +293,6 @@ section {
285293
width: 30px;
286294
}
287295

288-
.files_bar > button:disabled {
289-
background: rgba(0, 0, 0, .15);
290-
}
291-
292296
.files_bar .btn-left {
293297
left: 0;
294298
}
@@ -539,22 +543,15 @@ input[type=number]::-webkit-outer-spin-button {
539543
content: 'Resume'
540544
}
541545

542-
button[disabled] {
543-
cursor: not-allowed;
544-
opacity: 0.6;
545-
}
546-
547546
#btn_pause {
548547
width: 86px;
549548
}
550549

551550
.top-menu-buttons button.active {
552-
background: rgba(0, 0, 0, .15);
553551
box-shadow: 0px 0px 10px 3px #1a1a1a inset;
554552
}
555553

556554
.top-menu-buttons button:active {
557-
background: rgba(0, 0, 0, .15);
558555
box-shadow: 0px 0px 10px 3px #1a1a1a inset;
559556
}
560557

‎public/algorithm_visualizer.css‎

Lines changed: 41 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -171,18 +171,31 @@ button {
171171
white-space: nowrap;
172172
overflow: hidden;
173173
text-overflow: ellipsis;
174+
background: rgb(63, 63, 63);
174175
}
175176

176177
.btn:hover,
177-
button:not([disabled]):hover {
178-
background: rgba(0, 0, 0, .15) !important;
178+
button:hover {
179+
background: rgba(0, 0, 0, .15);
179180
cursor: pointer;
180181
}
181182

182183
.btn.active,
183184
button.active {
184185
background: rgb(38, 38, 38);
185186
}
187+
188+
.btn.active:hover,
189+
button.active:hover {
190+
background: rgba(38, 38, 38, .8);
191+
}
192+
193+
button[disabled] {
194+
background: rgb(63, 63, 63);
195+
cursor: not-allowed;
196+
opacity: 0.6;
197+
}
198+
186199
.btn input,
187200
button input {
188201
outline: none;
@@ -263,19 +276,15 @@ nav h3 {
263276
text-align: left;
264277
}
265278

266-
button.category {
267-
background: rgba(0, 0, 0, .10);
268-
}
269-
270-
button.indent {
279+
.sidemenu button.indent {
271280
padding-left: 28px;
272281
}
273282

274-
.algorithms {
275-
box-shadow: inset 0 2px 2px rgba(0,0,0,0.36),inset 0 -2px 2px rgba(0,0,0,0.24);
283+
.sidemenu .algorithms {
284+
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.36), inset 0 -2px 2px rgba(0, 0, 0, 0.24);
276285
}
277286

278-
.algorithms.collapse {
287+
.sidemenu .algorithms.collapse {
279288
display: none;
280289
}
281290

@@ -380,15 +389,15 @@ section {
380389

381390
.tab_bar button,
382391
.files_bar button {
383-
height: 29px;
384-
border-top-left-radius: 3px;
385-
border-top-right-radius: 3px;
392+
height: 29px;
393+
border-top-left-radius: 3px;
394+
border-top-right-radius: 3px;
386395
}
387396

388397
.tab_bar button.active,
389398
.files_bar button.active {
390-
border: 1px solid #505050;
391-
border-bottom: none;
399+
border: 1px solid #505050;
400+
border-bottom: none;
392401
}
393402

394403
.files_bar {
@@ -404,18 +413,14 @@ section {
404413
width: 30px;
405414
}
406415

407-
.files_bar > button:disabled {
408-
background: rgba(0, 0, 0, .15);
416+
.files_bar .btn-left {
417+
left: 0;
409418
}
410419

411420
.files_bar .btn-right {
412421
right: 0;
413422
}
414423

415-
.files_bar .btn-left {
416-
left: 0;
417-
}
418-
419424
.files_bar > .wrapper {
420425
left: 30px;
421426
right: 30px;
@@ -671,27 +676,20 @@ input[type=number]::-webkit-outer-spin-button {
671676
content: 'Resume'
672677
}
673678

674-
button[disabled] {
675-
cursor: not-allowed;
676-
opacity: 0.6;
677-
}
678-
679679
#btn_pause {
680680
width: 86px;
681681
}
682682

683683
.top-menu-buttons button.active {
684-
background: rgba(0, 0, 0, .15);
685684
box-shadow: 0px 0px 10px 3px #1a1a1a inset;
686685
}
687686

688687
.top-menu-buttons button:active {
689-
background: rgba(0, 0, 0, .15);
690688
box-shadow: 0px 0px 10px 3px #1a1a1a inset;
691689
}
692690

693691
.executing {
694-
background: rgba(0, 174, 255, 0.4);
692+
background: rgba(0, 174, 255, 0.4);
695693
border: 1px solid #0091ea;
696694
position: absolute;
697695
width: 100% !important;
@@ -703,16 +701,24 @@ button[disabled] {
703701
}
704702

705703
@-webkit-keyframes line_highlight {
706-
from { background: rgba(0, 174, 255, 0.1); }
707-
to { background: rgba(0, 174, 255, 0.4); }
704+
from {
705+
background: rgba(0, 174, 255, 0.1);
706+
}
707+
to {
708+
background: rgba(0, 174, 255, 0.4);
709+
}
708710
}
709711

710712
@keyframes line_highlight {
711-
from { background: rgba(0, 174, 255, 0.1); }
712-
to { background: rgba(0, 174, 255, 0.4); }
713+
from {
714+
background: rgba(0, 174, 255, 0.1);
715+
}
716+
to {
717+
background: rgba(0, 174, 255, 0.4);
718+
}
713719
}
714720

715721
.ace_editor {
716-
border-left: none;
717-
border-bottom: none;
722+
border-left: none;
723+
border-bottom: none;
718724
}

‎public/algorithm_visualizer.js‎

Lines changed: 9 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/algorithm_visualizer.js.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/algorithm_visualizer.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/algorithm_visualizer.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/algorithm_visualizer.min.js.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)