chore(css): remove dead CSS (#40314)

Remove CSS rules that no longer match anything because earlier changes
removed or restructured the markup they styled.

- Fomantic card styles, unused since the migrate page and profile card
moved off cards
- List item image, table cell and grid column width rules whose last
users are gone
- Dashboard filter menu and actions panel button overrides

Assisted-by: Claude Code:claude-opus-5-5
This commit is contained in:
silverwind authored and GitHub committed 2026-11-10 17:35:57 +00:00
1 parent 2ef5b7623b
commit f5a54d6169
12 files changed
+7 -208

No files matched your search

+1 -3
View File
@@ -1,6 +1,4 @@
img.ui.avatar,
.ui.avatar img,
.ui.avatar svg {
img.ui.avatar {
border-radius: var(--border-radius);
object-fit: contain;
aspect-ratio: 1;
+1 -2
View File
@@ -357,8 +357,7 @@ a.disabled {
}
a.label,
.ui .menu a,
.ui.cards a.card {
.ui .menu a {
text-decoration-line: none !important;
}
-21
View File
@@ -4,10 +4,6 @@
min-width: 200px;
}
.dashboard.issues .context.user.menu .ui.header {
font-size: 1rem;
}
.dashboard.issues .filter.menu {
width: initial;
}
@@ -19,29 +15,12 @@
justify-content: space-between;
}
/* Sort */
.dashboard.issues .filter.menu .jump.item {
margin: 1px;
padding-right: 0;
}
.dashboard.issues .filter.menu .menu {
max-height: 300px;
overflow-x: auto;
right: 0 !important;
left: auto !important;
}
@media (max-width: 767.98px) {
.dashboard.issues .filter.menu {
width: 100%;
}
}
.dashboard.issues .right.stackable.menu > .item.active {
color: var(--color-red);
}
.dashboard .dashboard-repos,
.dashboard .dashboard-orgs {
margin: 0 1px; /* Accommodate for Semantic's 1px hacks on .attached elements */
-100
View File
@@ -1,107 +1,7 @@
/* Below styles are a subset of the full fomantic card styles which are */
/* needed to get all current uses of fomantic cards working. */
/* TODO: remove all these styles and use custom styling instead */
.ui.card:last-child {
margin-bottom: 0;
}
.ui.card:first-child {
margin-top: 0;
}
.ui.cards > .card,
.ui.card {
display: flex;
flex-direction: column;
max-width: 100%;
width: 290px;
min-height: 0;
padding: 0;
background: var(--color-card);
border: 1px solid var(--color-secondary);
box-shadow: none;
overflow-wrap: break-word;
border-radius: var(--border-radius);
}
.ui.card {
margin: 1em 0;
}
.ui.cards {
display: flex;
margin: -0.875em -0.5em;
flex-wrap: wrap;
}
.ui.cards > .card {
display: flex;
margin: 0.875em 0.5em;
float: none;
}
.ui.cards > .card > .content,
.ui.card > .content {
border-top: 1px solid var(--color-secondary);
max-width: 100%;
padding: 1em;
font-size: 1em;
}
.ui.cards > .card > .content > .header + .description,
.ui.card > .content > .header + .description {
margin-top: .5em;
}
.ui.cards > .card > .content > .header:not(.ui),
.ui.card > .content > .header:not(.ui) {
font-weight: var(--font-weight-medium);
font-size: 1.28571429em;
margin-top: -.21425em;
line-height: 1.28571429;
}
.ui.card > .content:first-child {
border-top: none;
border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.ui.cards > .card > :last-child,
.ui.card > :last-child {
border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.ui.card > :only-child {
border-radius: var(--border-radius) !important;
}
.ui.card > .extra,
.ui.cards > .card > .extra a:not(.ui),
.ui.card > .extra a:not(.ui) {
color: var(--color-text);
}
.ui.card > .extra a:not(.ui):hover {
color: var(--color-primary);
}
.ui.cards > .card > .content > .header,
.ui.card > .content > .header {
color: var(--color-text);
}
.ui.cards > .card > .content > .description,
.ui.card > .content > .description {
color: var(--color-text);
}
.ui.cards a.card:hover,
a.ui.card:hover {
border: 1px solid var(--color-secondary);
background: var(--color-card);
}
.ui.card > .extra {
color: var(--color-text);
border-top-color: var(--color-secondary-light-1) !important;
}
-1
View File
@@ -631,7 +631,6 @@ select.ui.dropdown {
border-top: none;
}
.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
display: block;
}
+1 -11
View File
@@ -211,22 +211,13 @@ textarea:focus,
}
.ui.form .required.field > label::after,
.ui.form .required.field > .checkbox::after,
.ui.form label.required::after {
margin: -0.2em 0 0 0.2em;
content: "*";
color: var(--color-red);
}
.ui.form .required.field > label::after,
.ui.form label.required::after {
display: inline-block;
vertical-align: top;
}
.ui.form .required.field > .checkbox::after {
position: absolute;
top: 0;
left: 100%;
}
.ui.form .grouped.fields {
display: block;
@@ -291,8 +282,7 @@ textarea:focus,
margin: 0.035714em 1em 0 0;
}
.ui.form .inline.field > input,
.ui.form .inline.field > select {
.ui.form .inline.field > input {
display: inline-block;
width: auto;
margin-top: 0;
-10
View File
@@ -121,16 +121,6 @@
width: 50% !important;
}
.ui.grid > .column.row > [class*="one wide"].column,
.ui.grid > [class*="one wide"].column,
.ui.column.grid > [class*="one wide"].column {
width: 6.25% !important;
}
.ui.grid > .column.row > [class*="two wide"].column,
.ui.grid > [class*="two wide"].column,
.ui.column.grid > [class*="two wide"].column {
width: 12.5% !important;
}
.ui.grid > [class*="three wide"].column {
width: 18.75% !important;
}
-21
View File
@@ -49,23 +49,6 @@
vertical-align: top;
}
.ui.list > .item > .image {
display: table-cell;
background-color: transparent;
vertical-align: top;
}
.ui.list > .item > .image:not(:only-child):not(img) {
padding-right: 0.5em;
}
.ui.list > .item > .image img {
vertical-align: top;
}
.ui.list .list > .item > .image:only-child,
.ui.list > .item > img.image,
.ui.list > .item > .image:only-child {
display: inline-block;
}
.ui.list .list > .item > .content,
.ui.list > .item > .content {
color: var(--color-text);
@@ -76,10 +59,6 @@
padding: 0 0 0 0.5em;
vertical-align: top;
}
.ui.list > .item > img.image + .content {
display: inline-block;
width: auto;
}
.ui.list > .item > .content > .list {
margin-left: 0;
padding-left: 0;
-6
View File
@@ -103,12 +103,6 @@
border-radius: 0 0.28571429rem 0.28571429rem 0;
}
.ui.clearing.segment::after {
content: "";
display: block;
clear: both;
}
.ui.secondary.segment {
background: var(--color-secondary-bg);
color: var(--color-text-light);
+4 -8
View File
@@ -174,8 +174,7 @@
}
/* Column Width */
.ui.table th.one.wide,
.ui.table td.one.wide {
.ui.table th.one.wide {
width: 6.25%;
}
.ui.table th.two.wide,
@@ -186,16 +185,14 @@
.ui.table td.three.wide {
width: 18.75%;
}
.ui.table th.four.wide,
.ui.table td.four.wide {
.ui.table th.four.wide {
width: 25%;
}
.ui.table th.five.wide,
.ui.table td.five.wide {
width: 31.25%;
}
.ui.table th.six.wide,
.ui.table td.six.wide {
.ui.table th.six.wide {
width: 37.5%;
}
.ui.table th.eight.wide,
@@ -206,8 +203,7 @@
.ui.table td.ten.wide {
width: 62.5%;
}
.ui.table th.eleven.wide,
.ui.table td.eleven.wide {
.ui.table th.eleven.wide {
width: 68.75%;
}
-5
View File
@@ -1523,11 +1523,6 @@ tbody.commit-list {
height: 100%;
}
.ui.form .right .ui.button {
margin-left: 0.25em;
margin-right: 0;
}
.removed-code {
color: var(--color-text);
background: var(--color-diff-removed-word-bg);
-20
View File
@@ -500,26 +500,6 @@ onBeforeUnmount(() => {
min-height: 0;
}
/* begin fomantic button overrides */
.action-view-right-panel .ui.button,
.action-view-right-panel .ui.button:focus {
background: transparent;
color: var(--color-console-fg-subtle);
}
.action-view-right-panel .ui.button:hover {
background: var(--color-console-hover-bg);
color: var(--color-console-fg);
}
.action-view-right-panel .ui.button:active {
background: var(--color-console-active-bg);
color: var(--color-console-fg);
}
/* end fomantic button overrides */
@media (max-width: 767.98px) {
.action-view-body {
flex-direction: column;