diff --git a/web_src/css/modules/card.css b/web_src/css/modules/card.css index c5ca6a1cc1..ca3e4bf890 100644 --- a/web_src/css/modules/card.css +++ b/web_src/css/modules/card.css @@ -122,14 +122,3 @@ a.ui.card:hover { color: var(--color-text); border-top-color: var(--color-secondary-light-1) !important; } - -.ui.three.cards { - margin-left: -1em; - margin-right: -1em; -} - -.ui.three.cards > .card { - width: calc(33.33333333333333% - 2em); - margin-left: 1em; - margin-right: 1em; -} diff --git a/web_src/css/modules/comment.css b/web_src/css/modules/comment.css index 2783328a6a..d1f9049e17 100644 --- a/web_src/css/modules/comment.css +++ b/web_src/css/modules/comment.css @@ -32,23 +32,6 @@ padding-top: 0; } -.ui.comments .comment > .comments { - margin: 0 0 0.5em 0.5em; - padding: 1em 0 1em 1em; -} - -.ui.comments .comment > .comments::before { - position: absolute; - top: 0; - left: 0; -} - -.ui.comments .comment > .comments .comment { - border: none; - border-top: none; - background: none; -} - .ui.comments .comment > .content { display: flex; flex-direction: column; @@ -56,21 +39,6 @@ min-width: 0; } -.ui.comments .comment .metadata { - display: inline-block; - margin-left: 0.5em; - font-size: 0.875em; -} - -.ui.comments .comment .metadata > * { - display: inline-block; - margin: 0 0.5em 0 0; -} - -.ui.comments .comment .metadata > :last-child { - margin-right: 0; -} - .ui.comments .comment .text { margin: 0.25em 0 0.5em; font-size: 1em; diff --git a/web_src/css/modules/form.css b/web_src/css/modules/form.css index 2999f64cf6..e2cf5ab0b0 100644 --- a/web_src/css/modules/form.css +++ b/web_src/css/modules/form.css @@ -124,18 +124,12 @@ textarea:focus, .ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.toggle.checkbox { margin-top: 2.21428571em; } -.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.slider.checkbox { - margin-top: 2.61428571em; -} .ui.ui.form .field .fields .field:not(:only-child) .ui.checkbox { margin-top: 0.6em; } .ui.ui.form .field .fields .field:not(:only-child) .ui.toggle.checkbox { margin-top: 0.5em; } -.ui.ui.form .field .fields .field:not(:only-child) .ui.slider.checkbox { - margin-top: 0.7em; -} .ui.form .field > .selection.dropdown { min-width: 14em; /* matches the default min width */ @@ -289,15 +283,11 @@ textarea:focus, font-weight: var(--font-weight-medium); text-transform: none; } -.ui.form .grouped.fields .field, -.ui.form .grouped.inline.fields .field { +.ui.form .grouped.fields .field { display: block; margin: 0.5em 0; padding: 0; } -.ui.form .grouped.inline.fields .ui.checkbox { - margin-bottom: 0.4em; -} .ui.form .fields { display: flex; diff --git a/web_src/css/modules/grid.css b/web_src/css/modules/grid.css index b4f4e16105..3f3f10a7ec 100644 --- a/web_src/css/modules/grid.css +++ b/web_src/css/modules/grid.css @@ -10,10 +10,6 @@ margin: -1rem; } -.ui.relaxed.grid { - margin-left: -1.5rem; - margin-right: -1.5rem; -} .ui[class*="very relaxed"].grid { margin-left: -2.5rem; margin-right: -2.5rem; @@ -71,18 +67,10 @@ margin-bottom: 0; } -.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached), -.ui.aligned.grid .column > .segment:not(.compact):not(.attached) { - width: 100%; -} - .ui.grid .row + .ui.divider { flex-grow: 1; margin: 1rem; } -.ui.grid .column + .ui.vertical.divider { - height: calc(50% - 1rem); -} .ui.grid > .row > .column:last-child > .horizontal.segment, .ui.grid > .column:last-child > .horizontal.segment { @@ -140,119 +128,14 @@ width: 100%; } -.ui[class*="one column"].grid > .row > .column, -.ui[class*="one column"].grid > .column:not(.row) { - width: 100%; -} .ui[class*="two column"].grid > .row > .column, .ui[class*="two column"].grid > .column:not(.row) { width: 50%; } -.ui[class*="three column"].grid > .row > .column, -.ui[class*="three column"].grid > .column:not(.row) { - width: 33.33333333%; -} -.ui[class*="four column"].grid > .row > .column, -.ui[class*="four column"].grid > .column:not(.row) { - width: 25%; -} -.ui[class*="five column"].grid > .row > .column, -.ui[class*="five column"].grid > .column:not(.row) { - width: 20%; -} -.ui[class*="six column"].grid > .row > .column, -.ui[class*="six column"].grid > .column:not(.row) { - width: 16.66666667%; -} -.ui[class*="seven column"].grid > .row > .column, -.ui[class*="seven column"].grid > .column:not(.row) { - width: 14.28571429%; -} -.ui[class*="eight column"].grid > .row > .column, -.ui[class*="eight column"].grid > .column:not(.row) { - width: 12.5%; -} -.ui[class*="nine column"].grid > .row > .column, -.ui[class*="nine column"].grid > .column:not(.row) { - width: 11.11111111%; -} -.ui[class*="ten column"].grid > .row > .column, -.ui[class*="ten column"].grid > .column:not(.row) { - width: 10%; -} -.ui[class*="eleven column"].grid > .row > .column, -.ui[class*="eleven column"].grid > .column:not(.row) { - width: 9.09090909%; -} -.ui[class*="twelve column"].grid > .row > .column, -.ui[class*="twelve column"].grid > .column:not(.row) { - width: 8.33333333%; -} -.ui[class*="thirteen column"].grid > .row > .column, -.ui[class*="thirteen column"].grid > .column:not(.row) { - width: 7.69230769%; -} -.ui[class*="fourteen column"].grid > .row > .column, -.ui[class*="fourteen column"].grid > .column:not(.row) { - width: 7.14285714%; -} -.ui[class*="fifteen column"].grid > .row > .column, -.ui[class*="fifteen column"].grid > .column:not(.row) { - width: 6.66666667%; -} -.ui[class*="sixteen column"].grid > .row > .column, -.ui[class*="sixteen column"].grid > .column:not(.row) { - width: 6.25%; -} -.ui.grid > [class*="one column"].row > .column { - width: 100% !important; -} .ui.grid > [class*="two column"].row > .column { width: 50% !important; } -.ui.grid > [class*="three column"].row > .column { - width: 33.33333333% !important; -} -.ui.grid > [class*="four column"].row > .column { - width: 25% !important; -} -.ui.grid > [class*="five column"].row > .column { - width: 20% !important; -} -.ui.grid > [class*="six column"].row > .column { - width: 16.66666667% !important; -} -.ui.grid > [class*="seven column"].row > .column { - width: 14.28571429% !important; -} -.ui.grid > [class*="eight column"].row > .column { - width: 12.5% !important; -} -.ui.grid > [class*="nine column"].row > .column { - width: 11.11111111% !important; -} -.ui.grid > [class*="ten column"].row > .column { - width: 10% !important; -} -.ui.grid > [class*="eleven column"].row > .column { - width: 9.09090909% !important; -} -.ui.grid > [class*="twelve column"].row > .column { - width: 8.33333333% !important; -} -.ui.grid > [class*="thirteen column"].row > .column { - width: 7.69230769% !important; -} -.ui.grid > [class*="fourteen column"].row > .column { - width: 7.14285714% !important; -} -.ui.grid > [class*="fifteen column"].row > .column { - width: 6.66666667% !important; -} -.ui.grid > [class*="sixteen column"].row > .column { - width: 6.25% !important; -} .ui.grid > .row > [class*="one wide"].column, .ui.grid > .column.row > [class*="one wide"].column, @@ -302,12 +185,6 @@ .ui.column.grid > [class*="eight wide"].column { width: 50% !important; } -.ui.grid > .row > [class*="nine wide"].column, -.ui.grid > .column.row > [class*="nine wide"].column, -.ui.grid > [class*="nine wide"].column, -.ui.column.grid > [class*="nine wide"].column { - width: 56.25% !important; -} .ui.grid > .row > [class*="ten wide"].column, .ui.grid > .column.row > [class*="ten wide"].column, .ui.grid > [class*="ten wide"].column, @@ -338,12 +215,6 @@ .ui.column.grid > [class*="fourteen wide"].column { width: 87.5% !important; } -.ui.grid > .row > [class*="fifteen wide"].column, -.ui.grid > .column.row > [class*="fifteen wide"].column, -.ui.grid > [class*="fifteen wide"].column, -.ui.column.grid > [class*="fifteen wide"].column { - width: 93.75% !important; -} .ui.grid > .row > [class*="sixteen wide"].column, .ui.grid > .column.row > [class*="sixteen wide"].column, .ui.grid > [class*="sixteen wide"].column, @@ -352,14 +223,12 @@ } .ui.centered.grid, -.ui.centered.grid > .row, -.ui.grid > .centered.row { +.ui.centered.grid > .row { text-align: center; justify-content: center; } .ui.centered.grid > .column:not(.aligned):not(.justified):not(.row), -.ui.centered.grid > .row > .column:not(.aligned):not(.justified), -.ui.grid .centered.row > .column:not(.aligned):not(.justified) { +.ui.centered.grid > .row > .column:not(.aligned):not(.justified) { text-align: left; } .ui.grid > .centered.column, @@ -369,12 +238,6 @@ margin-right: auto; } -.ui.relaxed.grid > .column:not(.row), -.ui.relaxed.grid > .row > .column, -.ui.grid > .relaxed.row > .column { - padding-left: 1.5rem; - padding-right: 1.5rem; -} .ui[class*="very relaxed"].grid > .column:not(.row), .ui[class*="very relaxed"].grid > .row > .column, .ui.grid > [class*="very relaxed"].row > .column { @@ -382,11 +245,6 @@ padding-right: 2.5rem; } -.ui.relaxed.grid .row + .ui.divider, -.ui.grid .relaxed.row + .ui.divider { - margin-left: 1.5rem; - margin-right: 1.5rem; -} .ui[class*="very relaxed"].grid .row + .ui.divider, .ui.grid [class*="very relaxed"].row + .ui.divider { margin-left: 2.5rem; @@ -439,23 +297,3 @@ margin-right: -1rem !important; } } - -.ui.ui.ui.compact.grid > .column:not(.row), -.ui.ui.ui.compact.grid > .row > .column { - padding-left: 0.5rem; - padding-right: 0.5rem; -} -.ui.ui.ui.compact.grid > * { - padding-left: 0.5rem; - padding-right: 0.5rem; -} - -.ui.ui.ui.compact.grid > .row { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.ui.ui.ui.compact.grid > .column:not(.row) { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} diff --git a/web_src/css/modules/header.css b/web_src/css/modules/header.css index 20f98bfbac..5a94836b98 100644 --- a/web_src/css/modules/header.css +++ b/web_src/css/modules/header.css @@ -24,10 +24,6 @@ vertical-align: middle; } -.ui.header > .ui.label.compact { - margin-top: inherit; -} - .ui.header .sub.header { display: block; font-weight: var(--font-weight-normal); diff --git a/web_src/css/modules/input.css b/web_src/css/modules/input.css index abf2d21492..0ca661c8ee 100644 --- a/web_src/css/modules/input.css +++ b/web_src/css/modules/input.css @@ -69,42 +69,24 @@ visibility: hidden; } -.ui.ui.ui.ui.icon.input > textarea, .ui.ui.ui.ui.icon.input > input { padding-right: 2.67142857em; } -.ui.icon.input > i.link.icon { - cursor: pointer; -} -.ui.icon.input > i.circular.icon { - top: 0.35em; - right: 0.5em; -} .ui[class*="left icon"].input > i.icon { right: auto; left: 1px; border-radius: 0.28571429rem 0 0 0.28571429rem; } -.ui[class*="left icon"].input > i.circular.icon { - right: auto; - left: 0.5em; -} -.ui.ui.ui.ui[class*="left icon"].input > textarea, .ui.ui.ui.ui[class*="left icon"].input > input { padding-left: 2.67142857em; padding-right: 1em; } -.ui.icon.input > textarea:focus ~ .icon, .ui.icon.input > input:focus ~ .icon { opacity: 1; } -.ui.icon.input > textarea ~ i.icon { - height: 3em; -} - .ui.form .field.error > .ui.action.input > .ui.button, .ui.action.input.error > .ui.button { border-top: 1px solid var(--color-error-border); diff --git a/web_src/css/modules/label.css b/web_src/css/modules/label.css index 6db13e2954..29b669fd9b 100644 --- a/web_src/css/modules/label.css +++ b/web_src/css/modules/label.css @@ -184,12 +184,6 @@ a.ui.ui.ui.basic.yellow.label:hover { border-color: var(--color-yellow-dark-1); color: var(--color-yellow-dark-1); } -.ui.ui.ui.olive.label { - background: var(--color-olive); - border-color: var(--color-olive); - color: var(--color-white); -} - .ui.ui.ui.green.label { background: var(--color-green); border-color: var(--color-green); @@ -221,16 +215,6 @@ a.ui.ui.ui.purple.label:hover { border-color: var(--color-purple-dark-1); color: var(--color-white); } -.ui.ui.ui.basic.purple.label { - background: transparent; - border-color: var(--color-purple); - color: var(--color-purple); -} -a.ui.ui.ui.basic.purple.label:hover { - background: transparent; - border-color: var(--color-purple-dark-1); - color: var(--color-purple-dark-1); -} .ui.ui.ui.grey.label { background: var(--color-label-bg); @@ -242,16 +226,6 @@ a.ui.ui.ui.grey.label:hover { border-color: var(--color-label-hover-bg); color: var(--color-white); } -.ui.ui.ui.basic.grey.label { - background: transparent; - border-color: var(--color-label-bg); - color: var(--color-label-text); -} -a.ui.ui.ui.basic.grey.label:hover { - background: transparent; - border-color: var(--color-label-hover-bg); - color: var(--color-label-hover-bg); -} /* "horizontal label" is actually "fat label" which has enough padding spaces to be used standalone in headers */ .ui.horizontal.label { diff --git a/web_src/css/modules/menu.css b/web_src/css/modules/menu.css index 5072dcbd0e..d371fe00e2 100644 --- a/web_src/css/modules/menu.css +++ b/web_src/css/modules/menu.css @@ -173,10 +173,6 @@ margin-top: 0.35714286em; } -.ui.menu .pointing.dropdown.item .menu { - margin-top: 0.75em; -} - .ui.menu .item > .label:not(.floating) { margin-left: 1em; padding: 0.3em 0.78571429em; @@ -188,9 +184,6 @@ float: right; text-align: center; } -.ui.menu .item > .floating.label { - padding: 0.3em 0.78571429em; -} .ui.menu .item > .label { background: var(--color-label-bg); color: var(--color-label-text); @@ -266,22 +259,12 @@ display: inherit; } -.ui.menu:not(.vertical) .center.item { - display: flex; - margin-left: auto !important; - margin-right: auto !important; -} - .ui.menu .right.item::before, .ui.menu .right.menu > .item::before { right: auto; left: 0; } -.ui.menu .center.item:last-child::before { - display: none; -} - .ui.vertical.menu { display: block; flex-direction: column; @@ -381,9 +364,6 @@ background: none transparent; border-bottom: 1px solid var(--color-secondary); } -.ui.tabular.fluid.menu { - width: calc(100% + 2px) !important; -} .ui.tabular.menu .item { background: transparent; border-bottom: none; @@ -523,14 +503,6 @@ background: var(--color-active); } -.ui.secondary.item.menu { - margin-left: 0; - margin-right: 0; -} -.ui.secondary.item.menu .item:last-child { - margin-right: 0; -} - .ui.vertical.secondary.menu .item:not(.dropdown) > .menu { margin: 0 -0.92857143em; } @@ -624,10 +596,6 @@ .ui.stackable.menu .right.item { margin-left: 0 !important; } - .ui.stackable.menu .center.item { - margin-left: 0 !important; - margin-right: 0 !important; - } .ui.stackable.menu .right.menu, .ui.stackable.menu .left.menu { flex-direction: column; @@ -635,8 +603,7 @@ } .ui.borderless.menu .item::before, -.ui.borderless.menu .item .menu .item::before, -.ui.menu .borderless.item::before { +.ui.borderless.menu .item .menu .item::before { background: none !important; } @@ -646,19 +613,12 @@ vertical-align: middle; flex-shrink: 0; } -.ui.compact.vertical.menu { - display: inline-block; - width: auto !important; -} .ui.compact.menu:not(.secondary) .item:last-child { border-radius: 0 0.28571429rem 0.28571429rem 0; } .ui.compact.menu .item:last-child::before { display: none; } -.ui.compact.vertical.menu .item:last-child::before { - display: block; -} .ui.menu.fluid, .ui.vertical.menu.fluid { @@ -675,9 +635,6 @@ text-align: center; justify-content: center; } -.ui.attached.item.menu:not(.tabular) { - margin: 0 -1px !important; -} .ui.item.menu .item:last-child::before { display: none; } diff --git a/web_src/css/modules/message.css b/web_src/css/modules/message.css index 26f7af792f..92b6e8fb35 100644 --- a/web_src/css/modules/message.css +++ b/web_src/css/modules/message.css @@ -86,7 +86,6 @@ details.ui.message:not(:has(pre)) summary { .ui.error.message, .ui.attached.error.message, .ui.red.message, -.ui.attached.red.message, .ui.negative.message, .ui.attached.negative.message { background: var(--color-error-bg); @@ -95,9 +94,7 @@ details.ui.message:not(:has(pre)) summary { } .ui.warning.message, -.ui.attached.warning.message, -.ui.yellow.message, -.ui.attached.yellow.message { +.ui.attached.warning.message { background: var(--color-warning-bg); color: var(--color-warning-text); border-color: var(--color-warning-border); diff --git a/web_src/css/modules/table.css b/web_src/css/modules/table.css index c7d6cb7a48..76c68b6988 100644 --- a/web_src/css/modules/table.css +++ b/web_src/css/modules/table.css @@ -226,18 +226,10 @@ .ui.table td.six.wide { width: 37.5%; } -.ui.table th.seven.wide, -.ui.table td.seven.wide { - width: 43.75%; -} .ui.table th.eight.wide, .ui.table td.eight.wide { width: 50%; } -.ui.table th.nine.wide, -.ui.table td.nine.wide { - width: 56.25%; -} .ui.table th.ten.wide, .ui.table td.ten.wide { width: 62.5%; @@ -246,26 +238,6 @@ .ui.table td.eleven.wide { width: 68.75%; } -.ui.table th.twelve.wide, -.ui.table td.twelve.wide { - width: 75%; -} -.ui.table th.thirteen.wide, -.ui.table td.thirteen.wide { - width: 81.25%; -} -.ui.table th.fourteen.wide, -.ui.table td.fourteen.wide { - width: 87.5%; -} -.ui.table th.fifteen.wide, -.ui.table td.fifteen.wide { - width: 93.75%; -} -.ui.table th.sixteen.wide, -.ui.table td.sixteen.wide { - width: 100%; -} .ui.basic.table { background: transparent; diff --git a/web_src/css/org.css b/web_src/css/org.css index 2abe4ef63f..b54a21ac6e 100644 --- a/web_src/css/org.css +++ b/web_src/css/org.css @@ -31,21 +31,6 @@ color: var(--color-text-light-3); } -.organization.invite #invite-box { - margin: 50px auto auto; - width: 500px !important; -} - -.organization.invite #invite-box #search-user-box input { - margin-left: 0; - width: 300px; -} - -.organization.invite #invite-box .ui.button { - margin-left: 5px; - margin-top: -3px; -} - .organization.invite .ui.avatar { width: 100%; height: 100%;