Skip to content

Commit 9024b79

Browse files
wxiaoguangwxiaoguang
authored
Remove unused CSS styles and move some styles to proper files (#33217)
1 parent a068462 commit 9024b79

File tree

4 files changed

+110
-210
lines changed

4 files changed

+110
-210
lines changed

‎templates/repo/pulse.tmpl

+1-1
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@
4949
</div>
5050
{{else}}
5151
<div class="stats-table">
52-
<a class="table-cell tiny background light grey"></a>
52+
<a class="table-cell tiny tw-bg-grey"></a>
5353
</div>
5454
{{end}}
5555
{{ctx.Locale.TrN .Activity.ActiveIssueCount "repo.activity.active_issues_count_1" "repo.activity.active_issues_count_n" .Activity.ActiveIssueCount}}

‎templates/repo/settings/lfs.tmpl

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
{{range .LFSFiles}}
1313
<tr>
1414
<td>
15-
<a href="{{$.Link}}/show/{{.Oid}}" title="{{.Oid}}" class="ui brown button tw-font-mono">
15+
<a href="{{$.Link}}/show/{{.Oid}}" title="{{.Oid}}" class="ui button tw-font-mono">
1616
{{ShortSha .Oid}}
1717
</a>
1818
</td>

‎web_src/css/base.css

-208
Original file line numberDiff line numberDiff line change
@@ -405,11 +405,6 @@ a.label,
405405
color: var(--color-text-light-2);
406406
}
407407

408-
.ui.form textarea:not([rows]) {
409-
height: var(--min-height-textarea); /* override fomantic default 12em */
410-
min-height: var(--min-height-textarea); /* override fomantic default 8em */
411-
}
412-
413408
/* styles from removed fomantic transition module */
414409
.hidden.transition {
415410
visibility: hidden;
@@ -511,97 +506,6 @@ img.ui.avatar,
511506
margin-top: calc(var(--page-spacing) - 1rem);
512507
}
513508

514-
.ui.form .fields.error .field textarea,
515-
.ui.form .fields.error .field select,
516-
.ui.form .fields.error .field input:not([type]),
517-
.ui.form .fields.error .field input[type="date"],
518-
.ui.form .fields.error .field input[type="datetime-local"],
519-
.ui.form .fields.error .field input[type="email"],
520-
.ui.form .fields.error .field input[type="number"],
521-
.ui.form .fields.error .field input[type="password"],
522-
.ui.form .fields.error .field input[type="search"],
523-
.ui.form .fields.error .field input[type="tel"],
524-
.ui.form .fields.error .field input[type="time"],
525-
.ui.form .fields.error .field input[type="text"],
526-
.ui.form .fields.error .field input[type="file"],
527-
.ui.form .fields.error .field input[type="url"],
528-
.ui.form .fields.error .field .ui.dropdown,
529-
.ui.form .fields.error .field .ui.dropdown .item,
530-
.ui.form .field.error .ui.dropdown,
531-
.ui.form .field.error .ui.dropdown .text,
532-
.ui.form .field.error .ui.dropdown .item,
533-
.ui.form .field.error textarea,
534-
.ui.form .field.error select,
535-
.ui.form .field.error input:not([type]),
536-
.ui.form .field.error input[type="date"],
537-
.ui.form .field.error input[type="datetime-local"],
538-
.ui.form .field.error input[type="email"],
539-
.ui.form .field.error input[type="number"],
540-
.ui.form .field.error input[type="password"],
541-
.ui.form .field.error input[type="search"],
542-
.ui.form .field.error input[type="tel"],
543-
.ui.form .field.error input[type="time"],
544-
.ui.form .field.error input[type="text"],
545-
.ui.form .field.error input[type="file"],
546-
.ui.form .field.error input[type="url"],
547-
.ui.form .field.error select:focus,
548-
.ui.form .field.error input:not([type]):focus,
549-
.ui.form .field.error input[type="date"]:focus,
550-
.ui.form .field.error input[type="datetime-local"]:focus,
551-
.ui.form .field.error input[type="email"]:focus,
552-
.ui.form .field.error input[type="number"]:focus,
553-
.ui.form .field.error input[type="password"]:focus,
554-
.ui.form .field.error input[type="search"]:focus,
555-
.ui.form .field.error input[type="tel"]:focus,
556-
.ui.form .field.error input[type="time"]:focus,
557-
.ui.form .field.error input[type="text"]:focus,
558-
.ui.form .field.error input[type="file"]:focus,
559-
.ui.form .field.error input[type="url"]:focus {
560-
background-color: var(--color-error-bg);
561-
border-color: var(--color-error-border);
562-
color: var(--color-error-text);
563-
}
564-
565-
.ui.form .fields.error .field .ui.dropdown,
566-
.ui.form .field.error .ui.dropdown,
567-
.ui.form .fields.error .field .ui.dropdown:hover,
568-
.ui.form .field.error .ui.dropdown:hover {
569-
border-color: var(--color-error-border) !important;
570-
}
571-
572-
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
573-
.ui.form .field.error .ui.dropdown .menu .item:hover {
574-
background-color: var(--color-error-bg-hover);
575-
}
576-
577-
.ui.form .fields.error .field .ui.dropdown .menu .active.item,
578-
.ui.form .field.error .ui.dropdown .menu .active.item {
579-
background-color: var(--color-error-bg-active) !important;
580-
}
581-
582-
.ui.form .fields.error .dropdown .menu,
583-
.ui.form .field.error .dropdown .menu {
584-
border-color: var(--color-error-border) !important;
585-
}
586-
587-
input:-webkit-autofill,
588-
input:-webkit-autofill:focus,
589-
input:-webkit-autofill:hover,
590-
input:-webkit-autofill:active,
591-
.ui.form .field.field input:-webkit-autofill,
592-
.ui.form .field.field input:-webkit-autofill:focus,
593-
.ui.form .field.field input:-webkit-autofill:hover,
594-
.ui.form .field.field input:-webkit-autofill:active {
595-
-webkit-background-clip: text;
596-
-webkit-text-fill-color: var(--color-text);
597-
box-shadow: 0 0 0 100px var(--color-primary-light-6) inset !important;
598-
border-color: var(--color-primary-light-4) !important;
599-
}
600-
601-
.ui.form .field.muted {
602-
opacity: var(--opacity-disabled);
603-
}
604-
605509
.text.primary {
606510
color: var(--color-primary) !important;
607511
}
@@ -618,38 +522,18 @@ input:-webkit-autofill:active,
618522
color: var(--color-yellow) !important;
619523
}
620524

621-
.text.olive {
622-
color: var(--color-olive) !important;
623-
}
624-
625525
.text.green {
626526
color: var(--color-green) !important;
627527
}
628528

629-
.text.teal {
630-
color: var(--color-teal) !important;
631-
}
632-
633529
.text.blue {
634530
color: var(--color-blue) !important;
635531
}
636532

637-
.text.violet {
638-
color: var(--color-violet) !important;
639-
}
640-
641533
.text.purple {
642534
color: var(--color-purple) !important;
643535
}
644536

645-
.text.pink {
646-
color: var(--color-pink) !important;
647-
}
648-
649-
.text.brown {
650-
color: var(--color-brown) !important;
651-
}
652-
653537
.text.black {
654538
color: var(--color-text) !important;
655539
}
@@ -727,18 +611,6 @@ input:-webkit-autofill:active,
727611
vertical-align: middle;
728612
}
729613

730-
.ui .form .autofill-dummy {
731-
position: absolute;
732-
width: 1px;
733-
height: 1px;
734-
overflow: hidden;
735-
z-index: -10000;
736-
}
737-
738-
.ui .form .sub.field {
739-
margin-left: 25px;
740-
}
741-
742614
.ui .sha.label {
743615
font-family: var(--fonts-monospace);
744616
font-size: 13px;
@@ -766,46 +638,6 @@ input:-webkit-autofill:active,
766638
font-weight: var(--font-weight-normal);
767639
}
768640

769-
.ui .background.red {
770-
background-color: var(--color-red) !important;
771-
}
772-
773-
.ui .background.blue {
774-
background-color: var(--color-blue) !important;
775-
}
776-
777-
.ui .background.black {
778-
background-color: var(--color-black) !important;
779-
}
780-
781-
.ui .background.grey {
782-
background-color: var(--color-grey) !important;
783-
}
784-
785-
.ui .background.light.grey {
786-
background-color: var(--color-grey) !important;
787-
}
788-
789-
.ui .background.green {
790-
background-color: var(--color-green) !important;
791-
}
792-
793-
.ui .background.purple {
794-
background-color: var(--color-purple) !important;
795-
}
796-
797-
.ui .background.yellow {
798-
background-color: var(--color-yellow) !important;
799-
}
800-
801-
.ui .background.orange {
802-
background-color: var(--color-orange) !important;
803-
}
804-
805-
.ui .background.gold {
806-
background-color: var(--color-gold) !important;
807-
}
808-
809641
.ui .migrate {
810642
color: var(--color-text-light-2) !important;
811643
}
@@ -822,46 +654,6 @@ input:-webkit-autofill:active,
822654
border: 1px solid;
823655
}
824656

825-
.ui .border.red {
826-
border-color: var(--color-red) !important;
827-
}
828-
829-
.ui .border.blue {
830-
border-color: var(--color-blue) !important;
831-
}
832-
833-
.ui .border.black {
834-
border-color: var(--color-black) !important;
835-
}
836-
837-
.ui .border.grey {
838-
border-color: var(--color-grey) !important;
839-
}
840-
841-
.ui .border.light.grey {
842-
border-color: var(--color-grey) !important;
843-
}
844-
845-
.ui .border.green {
846-
border-color: var(--color-green) !important;
847-
}
848-
849-
.ui .border.purple {
850-
border-color: var(--color-purple) !important;
851-
}
852-
853-
.ui .border.yellow {
854-
border-color: var(--color-yellow) !important;
855-
}
856-
857-
.ui .border.orange {
858-
border-color: var(--color-orange) !important;
859-
}
860-
861-
.ui .border.gold {
862-
border-color: var(--color-gold) !important;
863-
}
864-
865657
.ui.floating.dropdown .overflow.menu .scrolling.menu.items {
866658
border-radius: 0 !important;
867659
box-shadow: none !important;

‎web_src/css/form.css

+108
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,111 @@
1+
.ui .form .autofill-dummy {
2+
position: absolute;
3+
width: 1px;
4+
height: 1px;
5+
overflow: hidden;
6+
z-index: -10000;
7+
}
8+
9+
.ui .form .sub.field {
10+
margin-left: 25px;
11+
}
12+
13+
.ui.form .fields.error .field textarea,
14+
.ui.form .fields.error .field select,
15+
.ui.form .fields.error .field input:not([type]),
16+
.ui.form .fields.error .field input[type="date"],
17+
.ui.form .fields.error .field input[type="datetime-local"],
18+
.ui.form .fields.error .field input[type="email"],
19+
.ui.form .fields.error .field input[type="number"],
20+
.ui.form .fields.error .field input[type="password"],
21+
.ui.form .fields.error .field input[type="search"],
22+
.ui.form .fields.error .field input[type="tel"],
23+
.ui.form .fields.error .field input[type="time"],
24+
.ui.form .fields.error .field input[type="text"],
25+
.ui.form .fields.error .field input[type="file"],
26+
.ui.form .fields.error .field input[type="url"],
27+
.ui.form .fields.error .field .ui.dropdown,
28+
.ui.form .fields.error .field .ui.dropdown .item,
29+
.ui.form .field.error .ui.dropdown,
30+
.ui.form .field.error .ui.dropdown .text,
31+
.ui.form .field.error .ui.dropdown .item,
32+
.ui.form .field.error textarea,
33+
.ui.form .field.error select,
34+
.ui.form .field.error input:not([type]),
35+
.ui.form .field.error input[type="date"],
36+
.ui.form .field.error input[type="datetime-local"],
37+
.ui.form .field.error input[type="email"],
38+
.ui.form .field.error input[type="number"],
39+
.ui.form .field.error input[type="password"],
40+
.ui.form .field.error input[type="search"],
41+
.ui.form .field.error input[type="tel"],
42+
.ui.form .field.error input[type="time"],
43+
.ui.form .field.error input[type="text"],
44+
.ui.form .field.error input[type="file"],
45+
.ui.form .field.error input[type="url"],
46+
.ui.form .field.error select:focus,
47+
.ui.form .field.error input:not([type]):focus,
48+
.ui.form .field.error input[type="date"]:focus,
49+
.ui.form .field.error input[type="datetime-local"]:focus,
50+
.ui.form .field.error input[type="email"]:focus,
51+
.ui.form .field.error input[type="number"]:focus,
52+
.ui.form .field.error input[type="password"]:focus,
53+
.ui.form .field.error input[type="search"]:focus,
54+
.ui.form .field.error input[type="tel"]:focus,
55+
.ui.form .field.error input[type="time"]:focus,
56+
.ui.form .field.error input[type="text"]:focus,
57+
.ui.form .field.error input[type="file"]:focus,
58+
.ui.form .field.error input[type="url"]:focus {
59+
background-color: var(--color-error-bg);
60+
border-color: var(--color-error-border);
61+
color: var(--color-error-text);
62+
}
63+
64+
.ui.form .fields.error .field .ui.dropdown,
65+
.ui.form .field.error .ui.dropdown,
66+
.ui.form .fields.error .field .ui.dropdown:hover,
67+
.ui.form .field.error .ui.dropdown:hover {
68+
border-color: var(--color-error-border) !important;
69+
}
70+
71+
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
72+
.ui.form .field.error .ui.dropdown .menu .item:hover {
73+
background-color: var(--color-error-bg-hover);
74+
}
75+
76+
.ui.form .fields.error .field .ui.dropdown .menu .active.item,
77+
.ui.form .field.error .ui.dropdown .menu .active.item {
78+
background-color: var(--color-error-bg-active) !important;
79+
}
80+
81+
.ui.form .fields.error .dropdown .menu,
82+
.ui.form .field.error .dropdown .menu {
83+
border-color: var(--color-error-border) !important;
84+
}
85+
86+
input:-webkit-autofill,
87+
input:-webkit-autofill:focus,
88+
input:-webkit-autofill:hover,
89+
input:-webkit-autofill:active,
90+
.ui.form .field.field input:-webkit-autofill,
91+
.ui.form .field.field input:-webkit-autofill:focus,
92+
.ui.form .field.field input:-webkit-autofill:hover,
93+
.ui.form .field.field input:-webkit-autofill:active {
94+
-webkit-background-clip: text;
95+
-webkit-text-fill-color: var(--color-text);
96+
box-shadow: 0 0 0 100px var(--color-primary-light-6) inset !important;
97+
border-color: var(--color-primary-light-4) !important;
98+
}
99+
100+
.ui.form .field.muted {
101+
opacity: var(--opacity-disabled);
102+
}
103+
104+
.ui.form textarea:not([rows]) {
105+
height: var(--min-height-textarea); /* override fomantic default 12em */
106+
min-height: var(--min-height-textarea); /* override fomantic default 8em */
107+
}
108+
1109
.ui.input textarea,
2110
.ui.form textarea,
3111
.ui.form input:not([type]),

0 commit comments

Comments
 (0)