tdsds.com/gitea
1
1
Fork 0
mirror of https://github.com/go-gitea/gitea synced 2025-07-03 09:07:19 +00:00
Code Releases Activity

Replace text-align classes with tailwind (#33905)

Browse Source 
Small refactor to remove these CSS classes in favor of tailwind.

---------

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
This commit is contained in:
silverwind
2025-03-16 13:08:16 +01:00
committed by GitHub
parent 01c8f092a0
commit 1ea5216f4a
40 changed files with 83 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web_src/css/base.css
View File

@ -580,14 +580,6 @@ img.ui.avatar,
box-shadow: 0 6px 18px var(--color-shadow) !important;
}
.ui .text.left {
text-align: left !important;
}
.ui .text.right {
text-align: right !important;
}
.ui .text.truncate {
overflow-x: hidden;
text-overflow: ellipsis;

4
web_src/css/modules/container.css
View File

@ -14,7 +14,3 @@
.ui.container.medium-width {
width: 800px;
}
.ui[class*="center aligned"].container {
text-align: center;
}

30
web_src/css/modules/grid.css
View File

@ -403,36 +403,6 @@
align-self: center !important;
}
.ui[class*="left aligned"].grid > .column,
.ui[class*="left aligned"].grid > .row > .column,
.ui.grid > [class*="left aligned"].row > .column,
.ui.grid > [class*="left aligned"].column.column,
.ui.grid > .row > [class*="left aligned"].column.column {
text-align: left;
align-self: inherit;
}
.ui[class*="center aligned"].grid > .column,
.ui[class*="center aligned"].grid > .row > .column,
.ui.grid > [class*="center aligned"].row > .column,
.ui.grid > [class*="center aligned"].column.column,
.ui.grid > .row > [class*="center aligned"].column.column {
text-align: center;
align-self: inherit;
}
.ui[class*="center aligned"].grid {
justify-content: center;
}
.ui[class*="right aligned"].grid > .column,
.ui[class*="right aligned"].grid > .row > .column,
.ui.grid > [class*="right aligned"].row > .column,
.ui.grid > [class*="right aligned"].column.column,
.ui.grid > .row > [class*="right aligned"].column.column {
text-align: right;
align-self: inherit;
}
.ui[class*="equal width"].grid > .column:not(.row),
.ui[class*="equal width"].grid > .row > .column,
.ui.grid > [class*="equal width"].row > .column {

1
web_src/css/modules/modal.css
View File

@ -67,6 +67,7 @@ These inconsistent layouts should be refactored to simple ones.
border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.ui.modal .content > form > .actions,
.ui.modal .content > .actions {
padding-top: 1em; /* if the "actions" is in the "content", some paddings are already added by the "content" */
text-align: right;

7
web_src/css/modules/segment.css
View File

@ -123,13 +123,6 @@
clear: both;
}
.ui[class*="left aligned"].segment {
text-align: left;
}
.ui[class*="center aligned"].segment {
text-align: center;
}
.ui.secondary.segment {
background: var(--color-secondary-bg);
color: var(--color-text-light);

15
web_src/css/modules/table.css
View File

@ -152,21 +152,6 @@
}
}
.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
text-align: left;
}
.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
text-align: center;
}
.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
text-align: right;
}
.ui.table[class*="top aligned"],
.ui.table [class*="top aligned"] {
vertical-align: top;