Remove "TODO" tasks from CSS file (#26835)
1. Use `gt-invisible` instead of `invisible`. 2. Use `gt-word-break` instead of `dont-break-out` (there is a slight different "hyphens", but I think it won't affect too much since it is only used for the "full name"). 3. Remove `.small.button:has(svg)` , now our buttons could layout SVG correctly, and actually I didn't see this CSS class is used in code.
This commit is contained in:
parent
5b5bb8d354
commit
d5703d4a1b
9 changed files with 20 additions and 40 deletions
|
@ -506,13 +506,6 @@ a.label,
|
|||
border-right-color: var(--color-primary);
|
||||
}
|
||||
|
||||
/* fix button enlarged vertically by svg icon */
|
||||
/* TODO: change to just `.small.button:has(svg)` but may have global side effects */
|
||||
.ui.action.input .small.button:has(svg) {
|
||||
padding-top: 7px !important;
|
||||
padding-bottom: 7px !important;
|
||||
}
|
||||
|
||||
.ui.menu,
|
||||
.ui.vertical.menu {
|
||||
background: var(--color-menu);
|
||||
|
@ -953,14 +946,6 @@ img.ui.avatar,
|
|||
filter: saturate(2);
|
||||
}
|
||||
|
||||
/* TODO: use gt-word-break instead */
|
||||
.dont-break-out {
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
.full.height {
|
||||
flex-grow: 1;
|
||||
padding-bottom: 80px;
|
||||
|
@ -2014,11 +1999,6 @@ a.ui.basic.label:hover {
|
|||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* TODO: replace it with gt-invisible */
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.ui.segment,
|
||||
.ui.segments,
|
||||
.ui.attached.segment {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue