diff --git a/web_src/css/base.css b/web_src/css/base.css index 17861792986..815efde74c8 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -325,10 +325,8 @@ a.silenced:hover { } a.label, -.ui.search .results a, .ui .menu a, -.ui.cards a.card, -.issue-keyword a { +.ui.cards a.card { text-decoration-line: none !important; } @@ -388,10 +386,6 @@ a.label, color: var(--color-text-light-2); } -.ui.comments .comment .metadata { - color: var(--color-text-light-2); -} - .full.height { flex-grow: 1; padding-bottom: var(--page-space-bottom); @@ -426,11 +420,6 @@ a.label, margin-top: calc(var(--page-spacing) - 1rem); } -.ui .header > i + .content { - padding-left: 0.75rem; - vertical-align: middle; -} - .ui .sha.label { font-family: var(--fonts-monospace); font-size: 13px; @@ -438,20 +427,6 @@ a.label, flex-shrink: 0; } -.ui .button.truncate { - display: inline-block; - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - vertical-align: top; - white-space: nowrap; - margin-right: 6px; -} - -.ui.status.buttons .svg { - margin-right: 4px; -} - .ui .migrate { color: var(--color-text-light-2) !important; } @@ -682,19 +657,13 @@ overflow-menu .ui.label:empty { vertical-align: top; } -.lines-num pre, -.lines-code pre, -.lines-num ol, -.lines-code ol { +.lines-code pre { background-color: inherit; margin: 0; padding: 0 !important; } -.lines-num pre li, -.lines-code pre li, -.lines-num ol li, -.lines-code ol li { +.lines-code pre li { display: block; width: calc(100% - 1ch); padding-left: 1ch; @@ -878,7 +847,6 @@ table th[data-sortt-desc] .svg { } .ui.list.flex-items-block > .item, -.ui.vertical.menu.flex-items-block > .item, .ui.vertical.menu .item.flex-text-block, .ui.form .field > label.flex-text-block, /* override fomantic "block" style */ .flex-items-block > .item, diff --git a/web_src/css/dashboard.css b/web_src/css/dashboard.css index 128626b3212..fffc18e8e0a 100644 --- a/web_src/css/dashboard.css +++ b/web_src/css/dashboard.css @@ -4,17 +4,14 @@ min-width: 200px; } -.dashboard.feeds .context.user.menu .ui.header, .dashboard.issues .context.user.menu .ui.header { font-size: 1rem; } -.dashboard.feeds .filter.menu, .dashboard.issues .filter.menu { width: initial; } -.dashboard.feeds .filter.menu .item, .dashboard.issues .filter.menu .item { text-align: left; display: flex; @@ -23,13 +20,11 @@ } /* Sort */ -.dashboard.feeds .filter.menu .jump.item, .dashboard.issues .filter.menu .jump.item { margin: 1px; padding-right: 0; } -.dashboard.feeds .filter.menu .menu, .dashboard.issues .filter.menu .menu { max-height: 300px; overflow-x: auto; @@ -38,13 +33,11 @@ } @media (max-width: 767.98px) { - .dashboard.feeds .filter.menu, .dashboard.issues .filter.menu { width: 100%; } } -.dashboard.feeds .right.stackable.menu > .item.active, .dashboard.issues .right.stackable.menu > .item.active { color: var(--color-red); } diff --git a/web_src/css/easymde.css b/web_src/css/easymde.css index 0d513cb8e2a..388678ec6cd 100644 --- a/web_src/css/easymde.css +++ b/web_src/css/easymde.css @@ -21,11 +21,6 @@ direction: ltr; } -.EasyMDEContainer .CodeMirror.cm-s-default { - border-radius: var(--border-radius); - padding: 0; -} - .EasyMDEContainer .CodeMirror-lines { padding: 4px 0; cursor: text; @@ -349,17 +344,6 @@ display: none; } -/* hide revert button in fullscreen, it breaks the page */ -.EasyMDEContainer .editor-toolbar.fullscreen .revert-to-textarea { - display: none; -} - -@media only screen and (max-width: 700px) { - .EasyMDEContainer .editor-toolbar i.no-mobile { - display: none; - } -} - /* Statusbar */ .EasyMDEContainer .editor-statusbar { padding: 8px 10px; @@ -382,10 +366,6 @@ content: "words: "; } -.EasyMDEContainer .editor-statusbar .characters::before { - content: "characters: "; -} - /* Preview */ .EasyMDEContainer .editor-preview-full { position: absolute; diff --git a/web_src/css/editor/combomarkdowneditor.css b/web_src/css/editor/combomarkdowneditor.css index 046010c6c8d..c073948a8fd 100644 --- a/web_src/css/editor/combomarkdowneditor.css +++ b/web_src/css/editor/combomarkdowneditor.css @@ -95,8 +95,3 @@ .combo-markdown-editor .CodeMirror-scroll .cm-header-6 { font-size: 0.85em; } - -.combo-markdown-editor .ui.tab.markup[data-tab-panel="markdown-previewer"] { - border-bottom: 1px solid var(--color-secondary); - padding-bottom: 1rem; -} diff --git a/web_src/css/features/captcha.css b/web_src/css/features/captcha.css index 5770b31141b..4fd9a9b4ac3 100644 --- a/web_src/css/features/captcha.css +++ b/web_src/css/features/captcha.css @@ -24,7 +24,6 @@ } @media (max-height: 575px) { - #rc-imageselect, /* google recaptcha */ .g-recaptcha-style, .h-captcha-style { transform: scale(0.77); diff --git a/web_src/css/features/expander.css b/web_src/css/features/expander.css index f560b2a9fda..6aff3aa501b 100644 --- a/web_src/css/features/expander.css +++ b/web_src/css/features/expander.css @@ -90,7 +90,3 @@ text-expander .suggestions img, padding: 0; list-style: none; } - -.tribute-container li.no-match { - cursor: default; -} diff --git a/web_src/css/markup/codepreview.css b/web_src/css/markup/codepreview.css index 155bb5a74d2..0db37816f69 100644 --- a/web_src/css/markup/codepreview.css +++ b/web_src/css/markup/codepreview.css @@ -27,7 +27,6 @@ .markup .code-preview-container table tr { border: 0 !important; } -.markup .code-preview-container table th, .markup .code-preview-container table td { border: 0 !important; padding: 0 0 0 5px !important; diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css index b867afcbf00..c04c8782fa9 100644 --- a/web_src/css/markup/content.css +++ b/web_src/css/markup/content.css @@ -18,10 +18,6 @@ text-decoration: none; } -.markup .absent { - color: var(--color-red); -} - .markup .anchor { float: left; padding-inline-end: 4px; @@ -323,34 +319,6 @@ html[data-gitea-theme-dark="false"] .markup img[src*="#gh-dark-mode-only"] { padding-inline-end: 28px; } -.markup span.frame { - display: block; - overflow: hidden; -} - -.markup span.frame > span { - display: block; - float: left; - width: auto; - padding: 7px; - margin: 13px 0 0; - overflow: hidden; - border: 1px solid var(--color-secondary); -} - -.markup span.frame span img, -.markup span.frame span video { - display: block; - float: left; -} - -.markup span.frame span span { - display: block; - padding: 5px 0 0; - clear: both; - color: var(--color-text); -} - .markup code, .markup tt { padding: 0.2em 0.4em; @@ -435,12 +403,6 @@ html[data-gitea-theme-dark="false"] .markup img[src*="#gh-dark-mode-only"] { box-shadow: var(--box-shadow-kbd); } -.markup .ui.list .list, -.markup ol.ui.list ol, -.markup ul.ui.list ul { - padding-inline-start: 2em; -} - .markup details.frontmatter-content summary { text-overflow: ellipsis; overflow: hidden; diff --git a/web_src/css/modules/button.css b/web_src/css/modules/button.css index e6e60bf635a..97a6ed60374 100644 --- a/web_src/css/modules/button.css +++ b/web_src/css/modules/button.css @@ -90,17 +90,10 @@ height: auto; opacity: 0.8; } -.ui.button:not(.icon) > .icon:not(.button):not(.dropdown), -.ui.button:not(.icon) > .icons:not(.button):not(.dropdown) { +.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) { margin: 0 0.42857143em 0 -0.21428571em; vertical-align: baseline; } -.ui.button:not(.icon) > .icons:not(.button):not(.dropdown) > .icon { - vertical-align: baseline; -} -.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) { - margin: 0 -0.21428571em 0 0.42857143em; -} /* reference sizes (not exactly at the moment): normal: padding-x=21, height=38 ; compact: padding-x=15, height=32 */ .ui.button { /* stylelint-disable-line no-duplicate-selectors -- deliberate second block for the reference sizes */ @@ -120,9 +113,6 @@ } /* reference size: mini: padding-x=16, height=30 ; compact: padding-x=12, height=26 */ -.ui.mini.buttons .dropdown, -.ui.mini.buttons .dropdown .menu > .item, -.ui.mini.buttons .button, .ui.ui.ui.ui.mini.button { gap: var(--gap-inline); font-size: 11px; @@ -167,53 +157,25 @@ vertical-align: top; } -.ui.basic.buttons .button, .ui.basic.button { border-radius: var(--border-radius); - background: none; -} -.ui.basic.buttons { - border: 1px solid var(--color-secondary); - border-radius: var(--border-radius); -} -.ui.basic.buttons .button { - border-radius: 0; - border-left: 1px solid var(--color-secondary); -} - -.ui.labeled.button.disabled > .button, -.ui.basic.buttons .button, -.ui.basic.button { color: var(--color-text-light); background: var(--color-button); } -.ui.basic.buttons .button:hover, .ui.basic.button:hover { color: var(--color-text); background: var(--color-hover); border-color: var(--color-secondary-dark-2); } -.ui.basic.buttons .button:active, .ui.basic.button:active, -.ui.basic.buttons .active.button, .ui.basic.active.button, -.ui.basic.buttons .active.button:hover, .ui.basic.active.button:hover { color: var(--color-text); background: var(--color-active); } -.ui.button.toggle.active { - background-color: var(--color-green); - color: var(--color-white); -} -.ui.button.toggle.active:hover { - background-color: var(--color-green-dark-1); - color: var(--color-white); -} - .ui.fluid.button { width: 100%; } @@ -235,20 +197,17 @@ background: var(--color-primary-active); } -.ui.basic.primary.buttons .button, .ui.basic.primary.button { color: var(--color-primary); border-color: var(--color-primary); background: none; } -.ui.basic.primary.buttons .button:hover, .ui.basic.primary.button:hover { color: var(--color-primary-hover); border-color: var(--color-primary-hover); } -.ui.basic.primary.buttons .button:active, .ui.basic.primary.button:active { color: var(--color-primary-active); border-color: var(--color-primary-active); @@ -270,55 +229,46 @@ background: var(--color-red-dark-2); } -.ui.basic.red.buttons .button, .ui.basic.red.button { color: var(--color-red); border-color: var(--color-red); background: none; } -.ui.basic.red.buttons .button:hover, .ui.basic.red.button:hover { color: var(--color-red-dark-1); border-color: var(--color-red-dark-1); } -.ui.basic.red.buttons .button:active, .ui.basic.red.button:active { color: var(--color-red-dark-2); border-color: var(--color-red-dark-2); } -.ui.green.button, -.ui.green.buttons .button { +.ui.green.button { color: var(--color-white); background: var(--color-green); } -.ui.green.button:hover, -.ui.green.buttons .button:hover { +.ui.green.button:hover { background: var(--color-green-dark-1); } -.ui.green.button:active, -.ui.green.buttons .button:active { +.ui.green.button:active { background: var(--color-green-dark-2); } -.ui.basic.green.buttons .button, .ui.basic.green.button { color: var(--color-green); border-color: var(--color-green); background: none; } -.ui.basic.green.buttons .button:hover, .ui.basic.green.button:hover { color: var(--color-green-dark-1); border-color: var(--color-green-dark-1); } -.ui.basic.green.buttons .button:active, .ui.basic.green.button:active { color: var(--color-green-dark-2); border-color: var(--color-green-dark-2); @@ -358,10 +308,6 @@ a.btn:hover { font-size: 12px; } -.btn.small { - font-size: 13px; -} - /* By default, Fomantic UI doesn't support "bordered" buttons group, but Gitea would like to use it. And the default buttons always have borders now (not the same as Fomantic UI's default buttons, see above). It needs some tricks to tweak the left/right borders with active state */ diff --git a/web_src/css/modules/card.css b/web_src/css/modules/card.css index ca3e4bf8906..3f4c25cdd06 100644 --- a/web_src/css/modules/card.css +++ b/web_src/css/modules/card.css @@ -48,9 +48,7 @@ font-size: 1em; } -.ui.cards > .card > .content > .meta + .description, .ui.cards > .card > .content > .header + .description, -.ui.card > .content > .meta + .description, .ui.card > .content > .header + .description { margin-top: .5em; } @@ -63,7 +61,6 @@ line-height: 1.28571429; } -.ui.cards > .card > .content:first-child, .ui.card > .content:first-child { border-top: none; border-radius: var(--border-radius) var(--border-radius) 0 0; @@ -74,19 +71,16 @@ border-radius: 0 0 var(--border-radius) var(--border-radius); } -.ui.cards > .card > :only-child, .ui.card > :only-child { border-radius: var(--border-radius) !important; } -.ui.cards > .card > .extra, .ui.card > .extra, .ui.cards > .card > .extra a:not(.ui), .ui.card > .extra a:not(.ui) { color: var(--color-text); } -.ui.cards > .card > .extra a:not(.ui):hover, .ui.card > .extra a:not(.ui):hover { color: var(--color-primary); } @@ -101,23 +95,12 @@ color: var(--color-text); } -.ui.cards > .card .meta > a:not(.ui), -.ui.card .meta > a:not(.ui) { - color: var(--color-text-light-2); -} - -.ui.cards > .card .meta > a:not(.ui):hover, -.ui.card .meta > a:not(.ui):hover { - color: var(--color-text); -} - .ui.cards a.card:hover, a.ui.card:hover { border: 1px solid var(--color-secondary); background: var(--color-card); } -.ui.cards > .card > .extra, .ui.card > .extra { color: var(--color-text); border-top-color: var(--color-secondary-light-1) !important; diff --git a/web_src/css/modules/dropdown.css b/web_src/css/modules/dropdown.css index a31597ba974..60a404ddc40 100644 --- a/web_src/css/modules/dropdown.css +++ b/web_src/css/modules/dropdown.css @@ -141,7 +141,6 @@ } /* Remove Menu Item Divider */ -.ui.dropdown .ui.menu > .item::before, .ui.menu .ui.dropdown .menu > .item::before { display: none; } @@ -152,8 +151,6 @@ } /* Automatically float dropdown menu right on last menu item */ -.ui.menu .right.menu .dropdown:last-child > .menu:not(.left), -.ui.menu .right.dropdown.item > .menu:not(.left), .ui.buttons > .ui.dropdown:last-child > .menu:not(.left) { left: auto; right: 0; @@ -193,8 +190,6 @@ select.ui.dropdown { z-index: 10; } -.ui.selection.dropdown > .search.icon, -.ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon { cursor: pointer; position: absolute; @@ -524,13 +519,11 @@ select.ui.dropdown { background: var(--color-active); } -.ui.dropdown:not(.button) > .default.text, -.ui.default.dropdown:not(.button) > .text { +.ui.dropdown:not(.button) > .default.text { color: var(--color-placeholder-text); } -.ui.dropdown:not(.button) > input:focus ~ .default.text, -.ui.default.dropdown:not(.button) > input:focus ~ .text { +.ui.dropdown:not(.button) > input:focus ~ .default.text { color: var(--color-placeholder-text); } @@ -584,7 +577,6 @@ select.ui.dropdown { right: auto !important; } -.ui.dropdown.selected, .ui.dropdown .menu .selected.item { color: var(--color-text); background: var(--color-hover); @@ -617,11 +609,6 @@ select.ui.dropdown { border-radius: 0.28571429rem 0.28571429rem 0 0; } -.ui.dropdown .upward.menu { - top: auto !important; - bottom: 0 !important; -} - .ui.upward.selection.dropdown .menu { border-top-width: 1px !important; border-bottom-width: 0 !important; @@ -814,12 +801,13 @@ select.ui.dropdown { /* Icons / Flags / Labels / Image */ .ui.dropdown > .text > img, -.ui.dropdown > .text > .image, -.ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img { - margin-left: 0; + margin: -0.25rem 0.78571429rem -0.25rem 0; float: none; - margin-right: 0.78571429rem; + display: inline-block; + vertical-align: top; + width: auto; + max-height: 2em; } .ui.dropdown .menu > .item > svg { @@ -833,18 +821,6 @@ select.ui.dropdown { margin-right: 0.78571429rem; } -.ui.dropdown > .text > img, -.ui.dropdown > .text > .image:not(.icon), -.ui.dropdown .menu > .item > .image:not(.icon), -.ui.dropdown .menu > .item > img { - display: inline-block; - vertical-align: top; - width: auto; - margin-top: -0.25rem; - margin-bottom: -0.25rem; - max-height: 2em; -} - .ui.dropdown .menu .item { border-radius: 0; } diff --git a/web_src/css/modules/form.css b/web_src/css/modules/form.css index 0b00fed40e0..cc11ac9b318 100644 --- a/web_src/css/modules/form.css +++ b/web_src/css/modules/form.css @@ -55,7 +55,6 @@ border-radius: 0.28571429rem; } -.ui.input textarea, .ui.form textarea { margin: 0; padding: 0.78571429em 1em; @@ -115,21 +114,9 @@ textarea:focus, vertical-align: top; } -.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) label + .ui.ui.checkbox { - margin-top: 0.7em; -} -.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.checkbox { - margin-top: 2.41428571em; -} -.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.toggle.checkbox { - margin-top: 2.21428571em; -} .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.form .field > .selection.dropdown { min-width: 14em; /* matches the default min width */ @@ -139,27 +126,22 @@ textarea:focus, float: right; } -.ui.form .inline.fields .field > .selection.dropdown, .ui.form .inline.field > .selection.dropdown { width: auto; } -.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon, .ui.form .inline.field > .selection.dropdown > .dropdown.icon { float: none; } -.ui.form .field .ui.input, -.ui.form .fields .field .ui.input { +.ui.form .field .ui.input { width: 100%; } -.ui.form .inline.fields .field .ui.input, .ui.form .inline.field .ui.input { width: auto; vertical-align: middle; } -.ui.form .fields .field .ui.input input, .ui.form .field .ui.input input { width: auto; } @@ -177,22 +159,14 @@ textarea:focus, border-top-right-radius: 0; border-bottom-right-radius: 0; } -.ui.form .ui[class*="left action"].input input { - border-bottom-left-radius: 0; - border-top-left-radius: 0; -} .ui.form.error .error.message:not(:empty) { display: block; } -.ui.form .fields.error .error.message:not(:empty), .ui.form .field.error .error.message:not(:empty) { display: block; } -.ui.form .fields.error .field textarea, -.ui.form .fields.error .field select, -.ui.form .fields.error .field input, .ui.form .field.error textarea, .ui.form .field.error select, .ui.form .field.error input { @@ -212,21 +186,17 @@ textarea:focus, appearance: menulist-button; } -.ui.form .fields.error .field .ui.dropdown, .ui.form .field.error .ui.dropdown { border-color: var(--color-error-border); } -.ui.form .fields.error .field .ui.dropdown:hover, .ui.form .field.error .ui.dropdown:hover { border-color: var(--color-error-border); } -.ui.form .fields.error .field .ui.dropdown .menu .item:hover, .ui.form .field.error .ui.dropdown .menu .item:hover { background-color: var(--color-error-bg-hover); } -.ui.form .fields.error .field .ui.dropdown .menu .active.item, .ui.form .field.error .ui.dropdown .menu .active.item { background-color: var(--color-error-bg-active) !important; } @@ -237,32 +207,25 @@ textarea:focus, pointer-events: none; opacity: var(--opacity-disabled); } -.ui.form .field.disabled > label, -.ui.form .fields.disabled > label { +.ui.form .field.disabled > label { opacity: var(--opacity-disabled); } .ui.form .field.disabled :disabled { opacity: 1; } -.ui.form .required.fields:not(.grouped) > .field > label::after, -.ui.form .required.fields.grouped > label::after, .ui.form .required.field > label::after, -.ui.form .required.fields:not(.grouped) > .field > .checkbox::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.fields:not(.grouped) > .field > label::after, -.ui.form .required.fields.grouped > label::after, .ui.form .required.field > label::after, .ui.form label.required::after { display: inline-block; vertical-align: top; } -.ui.form .required.fields:not(.grouped) > .field > .checkbox::after, .ui.form .required.field > .checkbox::after { position: absolute; top: 0; @@ -276,13 +239,6 @@ textarea:focus, .ui.form .grouped.fields:last-child { margin-bottom: 0; } -.ui.form .grouped.fields > label { - margin: 0 0 0.28571429rem; - color: var(--color-text); - font-size: 0.92857143em; - font-weight: var(--font-weight-medium); - text-transform: none; -} .ui.form .grouped.fields .field { display: block; margin: 0.5em 0; @@ -325,8 +281,6 @@ textarea:focus, } .ui.form .inline.fields > label, -.ui.form .inline.fields .field > label, -.ui.form .inline.fields .field > p, .ui.form .inline.field > label, .ui.form .inline.field > p { display: inline-block; @@ -344,8 +298,6 @@ textarea:focus, margin: 0.035714em 1em 0 0; } -.ui.form .inline.fields .field > input, -.ui.form .inline.fields .field > select, .ui.form .inline.field > input, .ui.form .inline.field > select { display: inline-block; @@ -381,18 +333,11 @@ textarea:focus, z-index: -10000; } -.ui .form .sub.field { - margin-left: 25px; -} - -.ui.form .fields.error .field .ui.dropdown, .ui.form .field.error .ui.dropdown, -.ui.form .fields.error .field .ui.dropdown:hover, .ui.form .field.error .ui.dropdown:hover { border-color: var(--color-error-border) !important; } -.ui.form .fields.error .dropdown .menu, .ui.form .field.error .dropdown .menu { border-color: var(--color-error-border) !important; } @@ -406,10 +351,6 @@ input:-webkit-autofill:active { border-color: var(--color-primary-light-4) !important; } -.ui.form .field.muted { - opacity: var(--opacity-disabled); -} - .form .help { color: var(--color-secondary-dark-5); margin-top: 0.25em; diff --git a/web_src/css/modules/grid.css b/web_src/css/modules/grid.css index 3f3f10a7ec7..97428226db4 100644 --- a/web_src/css/modules/grid.css +++ b/web_src/css/modules/grid.css @@ -55,24 +55,10 @@ margin-bottom: 0; } -.ui.grid > .row > img, .ui.grid > .row > .column > img { max-width: 100%; } -.ui.grid > .ui.grid:first-child { - margin-top: 0; -} -.ui.grid > .ui.grid:last-child { - margin-bottom: 0; -} - -.ui.grid .row + .ui.divider { - flex-grow: 1; - margin: 1rem; -} - -.ui.grid > .row > .column:last-child > .horizontal.segment, .ui.grid > .column:last-child > .horizontal.segment { box-shadow: none; } @@ -123,12 +109,10 @@ } } -.ui.grid > .column:only-child, -.ui.grid > .row > .column:only-child { +.ui.grid > .column:only-child { width: 100%; } -.ui[class*="two column"].grid > .row > .column, .ui[class*="two column"].grid > .column:not(.row) { width: 50%; } @@ -137,124 +121,78 @@ width: 50% !important; } -.ui.grid > .row > [class*="one wide"].column, .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 > .row > [class*="two wide"].column, .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 > .row > [class*="three wide"].column, -.ui.grid > .column.row > [class*="three wide"].column, -.ui.grid > [class*="three wide"].column, -.ui.column.grid > [class*="three wide"].column { +.ui.grid > [class*="three wide"].column { width: 18.75% !important; } -.ui.grid > .row > [class*="four wide"].column, -.ui.grid > .column.row > [class*="four wide"].column, -.ui.grid > [class*="four wide"].column, -.ui.column.grid > [class*="four wide"].column { +.ui.grid > [class*="four wide"].column { width: 25% !important; } -.ui.grid > .row > [class*="five wide"].column, -.ui.grid > .column.row > [class*="five wide"].column, -.ui.grid > [class*="five wide"].column, -.ui.column.grid > [class*="five wide"].column { +.ui.grid > [class*="five wide"].column { width: 31.25% !important; } -.ui.grid > .row > [class*="six wide"].column, -.ui.grid > .column.row > [class*="six wide"].column, -.ui.grid > [class*="six wide"].column, -.ui.column.grid > [class*="six wide"].column { +.ui.grid > [class*="six wide"].column { width: 37.5% !important; } -.ui.grid > .row > [class*="seven wide"].column, -.ui.grid > .column.row > [class*="seven wide"].column, -.ui.grid > [class*="seven wide"].column, -.ui.column.grid > [class*="seven wide"].column { +.ui.grid > [class*="seven wide"].column { width: 43.75% !important; } -.ui.grid > .row > [class*="eight wide"].column, -.ui.grid > .column.row > [class*="eight wide"].column, -.ui.grid > [class*="eight wide"].column, -.ui.column.grid > [class*="eight wide"].column { +.ui.grid > [class*="eight wide"].column { width: 50% !important; } -.ui.grid > .row > [class*="ten wide"].column, -.ui.grid > .column.row > [class*="ten wide"].column, -.ui.grid > [class*="ten wide"].column, -.ui.column.grid > [class*="ten wide"].column { +.ui.grid > [class*="ten wide"].column { width: 62.5% !important; } -.ui.grid > .row > [class*="eleven wide"].column, -.ui.grid > .column.row > [class*="eleven wide"].column, -.ui.grid > [class*="eleven wide"].column, -.ui.column.grid > [class*="eleven wide"].column { +.ui.grid > [class*="eleven wide"].column { width: 68.75% !important; } -.ui.grid > .row > [class*="twelve wide"].column, -.ui.grid > .column.row > [class*="twelve wide"].column, -.ui.grid > [class*="twelve wide"].column, -.ui.column.grid > [class*="twelve wide"].column { +.ui.grid > [class*="twelve wide"].column { width: 75% !important; } -.ui.grid > .row > [class*="thirteen wide"].column, -.ui.grid > .column.row > [class*="thirteen wide"].column, -.ui.grid > [class*="thirteen wide"].column, -.ui.column.grid > [class*="thirteen wide"].column { +.ui.grid > [class*="thirteen wide"].column { width: 81.25% !important; } -.ui.grid > .row > [class*="fourteen wide"].column, -.ui.grid > .column.row > [class*="fourteen wide"].column, -.ui.grid > [class*="fourteen wide"].column, -.ui.column.grid > [class*="fourteen wide"].column { +.ui.grid > [class*="fourteen wide"].column { width: 87.5% !important; } -.ui.grid > .row > [class*="sixteen wide"].column, -.ui.grid > .column.row > [class*="sixteen wide"].column, -.ui.grid > [class*="sixteen wide"].column, -.ui.column.grid > [class*="sixteen wide"].column { +.ui.grid > [class*="sixteen wide"].column { width: 100% !important; } -.ui.centered.grid, -.ui.centered.grid > .row { +.ui.centered.grid { 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.centered.grid > .column:not(.aligned):not(.justified):not(.row) { text-align: left; } -.ui.grid > .centered.column, -.ui.grid > .row > .centered.column { +.ui.grid > .centered.column { display: block; margin-left: auto; margin-right: auto; } -.ui[class*="very relaxed"].grid > .column:not(.row), -.ui[class*="very relaxed"].grid > .row > .column, -.ui.grid > [class*="very relaxed"].row > .column { +.ui[class*="very relaxed"].grid > .column:not(.row) { padding-left: 2.5rem; padding-right: 2.5rem; } -.ui[class*="very relaxed"].grid .row + .ui.divider, .ui.grid [class*="very relaxed"].row + .ui.divider { margin-left: 2.5rem; margin-right: 2.5rem; } @media only screen and (max-width: 767.98px) { - .ui[class*="mobile reversed"].grid, - .ui[class*="mobile reversed"].grid > .row, - .ui.grid > [class*="mobile reversed"].row { + .ui[class*="mobile reversed"].grid { flex-direction: row-reverse; } .ui.stackable[class*="mobile reversed"] { @@ -268,31 +206,20 @@ margin-left: 0 !important; margin-right: 0 !important; } - .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column, - .ui.stackable.grid > .column.grid > .column, - .ui.stackable.grid > .column.row > .column, - .ui.stackable.grid > .row > .column, - .ui.stackable.grid > .column:not(.row), - .ui.grid > .stackable.stackable.stackable.row > .column { + .ui.stackable.grid > .column:not(.row) { width: 100% !important; margin: 0 !important; box-shadow: none !important; padding: 1rem; } - .ui.stackable.grid:not(.vertically) > .row { - margin: 0; - padding: 0; - } - .ui.container > .ui.stackable.grid > .column, - .ui.container > .ui.stackable.grid > .row > .column { + .ui.container > .ui.stackable.grid > .column { padding-left: 0 !important; padding-right: 0 !important; } - .ui.grid .ui.stackable.grid, - .ui.segment:not(.vertical) .ui.stackable.page.grid { + .ui.grid .ui.stackable.grid { margin-left: -1rem !important; margin-right: -1rem !important; } diff --git a/web_src/css/modules/header.css b/web_src/css/modules/header.css index e51c1a9c220..e20240ac6aa 100644 --- a/web_src/css/modules/header.css +++ b/web_src/css/modules/header.css @@ -34,20 +34,6 @@ color: var(--color-text-light-1); } -.ui.header > i.icon { - display: table-cell; - opacity: 1; - font-size: 1.5em; - padding-top: 0; - vertical-align: middle; -} - -.ui.header > i.icon:only-child { - display: inline-block; - padding: 0; - margin-right: 0.75rem; -} - .ui.header + p { margin-top: 0; } @@ -62,9 +48,6 @@ h2.ui.header .sub.header { h4.ui.header { font-size: 1.07142857rem; } -h4.ui.header .sub.header { - font-size: 1rem; -} .ui.sub.header { padding: 0; @@ -107,10 +90,6 @@ h4.ui.header .sub.header { border-radius: 0.28571429rem 0.28571429rem 0 0; } -.ui.bottom.attached.header { - border-radius: 0 0 0.28571429rem 0.28571429rem; -} - .ui.attached.header:not(h1,h2,h3,h4,h5,h6) { font-size: 1em; } @@ -146,10 +125,6 @@ h4.ui.header .sub.header { padding-bottom: 0.21428571rem; } -.ui.dividing.header i.icon { - margin-bottom: 0; -} - .ui.error.header { background: var(--color-error-bg) !important; color: var(--color-error-text) !important; diff --git a/web_src/css/modules/input.css b/web_src/css/modules/input.css index af39824928a..e1766b0bf6d 100644 --- a/web_src/css/modules/input.css +++ b/web_src/css/modules/input.css @@ -21,16 +21,11 @@ text-align: start; } -.ui.disabled.input, .ui.input:not(.disabled) input[disabled] { opacity: var(--opacity-disabled); -} -.ui.disabled.input > input, -.ui.input:not(.disabled) input[disabled] { pointer-events: none; } -.ui.input.focus > input, .ui.input > input:focus { border-color: var(--color-primary); } @@ -87,20 +82,15 @@ opacity: 1; } -.ui.form .field.error > .ui.action.input > .ui.button, .ui.action.input.error > .ui.button { border-top: 1px solid var(--color-error-border); border-bottom: 1px solid var(--color-error-border); } -.ui.action.input > .button, -.ui.action.input > .buttons { +.ui.action.input > .button { display: flex; align-items: center; flex: 0 0 auto; -} -.ui.action.input > .button, -.ui.action.input > .buttons > .button { padding-top: 0.78571429em; padding-bottom: 0.78571429em; margin: 0; @@ -114,18 +104,15 @@ } .ui.action.input > .dropdown:first-child, -.ui.action.input > .button:first-child, -.ui.action.input > .buttons:first-child > .button { +.ui.action.input > .button:first-child { border-radius: 0.28571429rem 0 0 0.28571429rem; } .ui.action.input > .dropdown:not(:first-child), -.ui.action.input > .button:not(:first-child), -.ui.action.input > .buttons:not(:first-child) > .button { +.ui.action.input > .button:not(:first-child) { border-radius: 0; } .ui.action.input > .dropdown:last-child, -.ui.action.input > .button:last-child, -.ui.action.input > .buttons:last-child > .button { +.ui.action.input > .button:last-child { border-radius: 0 0.28571429rem 0.28571429rem 0; } diff --git a/web_src/css/modules/label.css b/web_src/css/modules/label.css index a0c1f43e6ea..34997e16d9d 100644 --- a/web_src/css/modules/label.css +++ b/web_src/css/modules/label.css @@ -24,15 +24,6 @@ a.ui.label { cursor: pointer; } -.ui.label > a { - cursor: pointer; - color: inherit; - opacity: 0.75; -} -.ui.label > a:hover { - opacity: 1; -} - .ui.label > .icon { width: auto; margin: 0 0.75em 0 0; @@ -44,30 +35,19 @@ a.ui.label { opacity: 0.8; } -.ui.label > .close.icon, .ui.label > .delete.icon { cursor: pointer; font-size: 0.92857143em; opacity: 0.5; } -.ui.label > .close.icon:hover, .ui.label > .delete.icon:hover { opacity: 1; } -.ui.label.left.icon > .close.icon, -.ui.label.left.icon > .delete.icon { - margin: 0 0.5em 0 0; -} -.ui.label:not(.icon) > .close.icon, .ui.label:not(.icon) > .delete.icon { margin: 0 0 0 0.5em; } -.ui.header > .ui.label { - margin-top: -0.29165em; -} - a.ui.label:hover { background: var(--color-label-hover-bg); border-color: var(--color-label-hover-bg); diff --git a/web_src/css/modules/list.css b/web_src/css/modules/list.css index 9bdaa080eaf..f5bb3b1649b 100644 --- a/web_src/css/modules/list.css +++ b/web_src/css/modules/list.css @@ -35,7 +35,6 @@ padding: 0.14285714em 0; } -.ui.list .list > .item > i.icon, .ui.list > .item > i.icon { display: table-cell; min-width: 1.55em; @@ -44,28 +43,23 @@ padding-right: 0.28571429em; vertical-align: top; } -.ui.list .list > .item > i.icon:only-child, .ui.list > .item > i.icon:only-child { display: inline-block; min-width: auto; vertical-align: top; } -.ui.list .list > .item > .image, .ui.list > .item > .image { display: table-cell; background-color: transparent; vertical-align: top; } -.ui.list .list > .item > .image:not(:only-child):not(img), .ui.list > .item > .image:not(:only-child):not(img) { padding-right: 0.5em; } -.ui.list .list > .item > .image img, .ui.list > .item > .image img { vertical-align: top; } -.ui.list .list > .item > img.image, .ui.list .list > .item > .image:only-child, .ui.list > .item > img.image, .ui.list > .item > .image:only-child { @@ -76,21 +70,16 @@ .ui.list > .item > .content { color: var(--color-text); } -.ui.list .list > .item > .image + .content, -.ui.list .list > .item > i.icon + .content, -.ui.list > .item > .image + .content, .ui.list > .item > i.icon + .content { display: table-cell; width: 100%; padding: 0 0 0 0.5em; vertical-align: top; } -.ui.list .list > .item > img.image + .content, .ui.list > .item > img.image + .content { display: inline-block; width: auto; } -.ui.list .list > .item > .content > .list, .ui.list > .item > .content > .list { margin-left: 0; padding-left: 0; @@ -116,7 +105,6 @@ cursor: pointer; } -.ui.menu .ui.list > .item, .ui.menu .ui.list .list > .item { display: list-item; table-layout: fixed; @@ -125,16 +113,13 @@ list-style-position: outside; padding: 0.21428571em 0; } -.ui.menu .ui.list .list > .item::before, .ui.menu .ui.list > .item::before { border: none; background: none; } -.ui.menu .ui.list .list > .item:first-child, .ui.menu .ui.list > .item:first-child { padding-top: 0; } -.ui.menu .ui.list .list > .item:last-child, .ui.menu .ui.list > .item:last-child { padding-bottom: 0; } @@ -145,7 +130,6 @@ opacity: var(--opacity-disabled); } -.ui.list .list > a.item:hover > .icons, .ui.list > a.item:hover > .icons, .ui.list .list > a.item:hover > i.icon, .ui.list > a.item:hover > i.icon { diff --git a/web_src/css/modules/menu.css b/web_src/css/modules/menu.css index 93992a984cc..d43aba75112 100644 --- a/web_src/css/modules/menu.css +++ b/web_src/css/modules/menu.css @@ -59,23 +59,13 @@ margin-right: 0.35em; } -.ui.menu .item > a:not(.ui), -.ui.menu .item > p:only-child { +.ui.menu .item > a:not(.ui) { line-height: 1.3; } -.ui.menu .item > p:first-child { - margin-top: 0; -} .ui.menu .item > p:last-child { margin-bottom: 0; } -.ui.menu .item > i.icon { - opacity: 0.9; - float: none; - margin: 0 0.35714286em 0 0; -} - .ui.menu:not(.vertical) .item > .button { position: relative; top: 0; @@ -84,27 +74,12 @@ font-size: 1em; } -.ui.menu > .grid, .ui.menu > .container { display: flex; align-items: inherit; flex-direction: inherit; } -.ui.menu .item > .input { - width: 100%; -} -.ui.menu:not(.vertical) .item > .input { - position: relative; - top: 0; - margin: -0.5em 0; -} -.ui.menu .item > .input input { - font-size: 1em; - padding-top: 0.57142857em; - padding-bottom: 0.57142857em; -} - .ui.menu .header.item, .ui.vertical.menu .header.item { margin: 0; @@ -112,17 +87,6 @@ background: var(--color-box-header); font-weight: var(--font-weight-medium); } -.ui.vertical.menu .item > .header:not(.ui) { - margin: 0 0 0.5em; - font-size: 1em; - font-weight: var(--font-weight-medium); -} - -.ui.menu .item > i.dropdown.icon { - padding: 0; - float: right; - margin: 0 0 0 1em; -} .ui.menu .dropdown.item .menu { min-width: calc(100% - 1px); @@ -162,12 +126,6 @@ .ui.menu .ui.dropdown.item .menu .item:not(.filtered) { display: block; } -.ui.menu .ui.dropdown .menu > .item > i.icon:not(.dropdown) { - display: inline-block; - font-size: 1em !important; - float: none; - margin: 0 0.75em 0 0 !important; -} .ui.secondary.menu .dropdown.item > .menu { border-radius: 0.28571429rem; @@ -178,26 +136,6 @@ background: var(--color-label-bg); color: var(--color-label-text); } -.ui.menu .item > .image.label img { - margin: -0.2833em 0.8em -0.2833em -0.8em; - height: 1.5666em; -} - -.ui.menu .item > img:not(.ui) { - display: inline-block; - vertical-align: middle; - margin: -0.3em 0; - width: 2.5em; -} -.ui.vertical.menu .item > img:not(.ui):only-child { - display: block; - max-width: 100%; - width: auto; -} - -.ui.menu .list .item::before { - background: none !important; -} @media only screen and (max-width: 767.98px) { .ui.menu > .ui.container { @@ -222,9 +160,6 @@ background: var(--color-active); font-weight: var(--font-weight-normal); } -.ui.menu .active.item > i.icon { - opacity: 1; -} .ui.ui.menu .item.disabled { cursor: default; @@ -233,23 +168,19 @@ opacity: var(--opacity-disabled); } -.ui.menu:not(.vertical) .left.item, .ui.menu:not(.vertical) .left.menu { display: flex; margin-right: auto !important; } -.ui.menu:not(.vertical) .right.item, .ui.menu:not(.vertical) .right.menu { display: flex; margin-left: auto !important; } -.ui.menu:not(.vertical) :not(.dropdown) > .left.menu, .ui.menu:not(.vertical) :not(.dropdown) > .right.menu { display: inherit; } -.ui.menu .right.item::before, .ui.menu .right.menu > .item::before { right: auto; left: 0; @@ -335,9 +266,6 @@ .ui.vertical.menu > .active.item:only-child { border-radius: 0.28571429rem; } -.ui.vertical.menu .active.item .menu .active.item { - border-left: none; -} .ui.tabular.menu { border-radius: 0; @@ -380,14 +308,6 @@ width: 100%; } -.ui.tabular.menu .active.dropdown.item { - margin-bottom: 0; - border-left: 1px solid transparent; - border-right: 1px solid transparent; - border-top: 2px solid transparent; - border-bottom: none; -} - .ui.pagination.menu { margin: 0; display: inline-flex; @@ -406,9 +326,6 @@ min-width: 3em; text-align: center; } -.ui.pagination.menu .icon.item i.icon { - vertical-align: top; -} .ui.pagination.menu .active.item, .ui.pagination.menu .active.item:hover { @@ -432,10 +349,6 @@ text-align: center; } -.ui.pagination.menu.narrow .item .icon { - margin-right: 0; -} - .ui.secondary.menu { background: none; margin-left: 0; @@ -458,16 +371,6 @@ display: none !important; } -.ui.secondary.menu .header.item { - border-radius: 0; - border-right: none; - background: none transparent; -} - -.ui.secondary.menu .item > img:not(.ui) { - margin: 0; -} - .ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu a.item:hover { color: var(--color-text); @@ -484,25 +387,11 @@ background: var(--color-active); } -.ui.vertical.secondary.menu .item:not(.dropdown) > .menu { - margin: 0 -0.92857143em; -} -.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item { - margin: 0; - padding: 0.5em 1.33333333em; -} .ui.secondary.vertical.menu > .item { border: none; margin: 0 0 0.35714286em; border-radius: 0.28571429rem !important; } -.ui.secondary.vertical.menu > .header.item { - border-radius: 0; -} - -.ui.vertical.secondary.menu .item > .menu .item { - background-color: transparent; -} .ui.secondary.pointing.menu { margin-left: 0; @@ -516,9 +405,6 @@ margin: 0 0 -2px; padding: 0.85714286em 1.14285714em; } -.ui.secondary.pointing.menu .ui.dropdown .menu .item { - border-bottom-width: 0; -} .ui.secondary.pointing.menu .item > .label:not(.floating) { margin-top: -0.3em; margin-bottom: -0.3em; @@ -528,20 +414,15 @@ margin-bottom: -0.5em; } -.ui.secondary.pointing.menu .header.item { - color: var(--color-text) !important; -} .ui.secondary.pointing.menu .item::after { display: none; } -.ui.secondary.pointing.menu .dropdown.item:hover, .ui.secondary.pointing.menu a.item:hover { background-color: transparent; color: var(--color-text); } -.ui.secondary.pointing.menu .dropdown.item:active, .ui.secondary.pointing.menu a.item:active { background-color: transparent; } @@ -553,15 +434,10 @@ } .ui.secondary.pointing.menu .active.item, -.ui.secondary.pointing.menu .active.item:hover, -.ui.secondary.pointing.menu .dropdown.item:hover { +.ui.secondary.pointing.menu .active.item:hover { color: var(--color-text-dark); } -.ui.secondary.pointing.menu .active.dropdown.item { - border-color: transparent; -} - @media only screen and (max-width: 767.98px) { .ui.stackable.menu { flex-direction: column; @@ -569,12 +445,10 @@ .ui.stackable.menu .item { width: 100% !important; } - .ui.stackable.menu .left.menu, - .ui.stackable.menu .left.item { + .ui.stackable.menu .left.menu { margin-right: 0 !important; } - .ui.stackable.menu .right.menu, - .ui.stackable.menu .right.item { + .ui.stackable.menu .right.menu { margin-left: 0 !important; } .ui.stackable.menu .right.menu, @@ -583,8 +457,7 @@ } } -.ui.borderless.menu .item::before, -.ui.borderless.menu .item .menu .item::before { +.ui.borderless.menu .item::before { background: none !important; } @@ -639,18 +512,11 @@ border-right: 1px solid var(--color-secondary); z-index: 2; } -.ui.pointing.menu .ui.dropdown .menu .item::after { - display: none; -} .ui.pointing.menu .active.item::after { visibility: visible; } -.ui.pointing.menu .active.dropdown.item::after { - visibility: hidden; -} -.ui.pointing.menu .dropdown.active.item::after, .ui.pointing.menu .active.item .menu .active.item::after { display: none; } @@ -668,9 +534,6 @@ width: calc(100% + 2px); max-width: calc(100% + 2px); } -.ui.attached + .ui.attached.menu:not(.top) { - border-top: none; -} .ui[class*="top attached"].menu { bottom: 0; @@ -687,43 +550,23 @@ border-radius: 0.28571429rem 0 0; } -.ui.attached.menu:not(.tabular) { - border: 1px solid var(--color-secondary); -} .ui.attached.tabular.menu { margin-left: 0; margin-right: 0; width: 100%; } -.ui.mini.menu, -.ui.mini.menu .dropdown, -.ui.mini.menu .dropdown .menu > .item { +.ui.mini.menu { font-size: 0.78571429rem; } -.ui.mini.vertical.menu:not(.icon) { - width: 9rem; -} -.ui.tiny.menu, -.ui.tiny.menu .dropdown, -.ui.tiny.menu .dropdown .menu > .item { +.ui.tiny.menu { font-size: 0.85714286rem; } -.ui.tiny.vertical.menu:not(.icon) { - width: 11rem; -} .ui.small.menu, .ui.small.menu .dropdown, .ui.small.menu .dropdown .menu > .item { font-size: 0.92857143rem; } -.ui.small.vertical.menu:not(.icon) { - width: 13rem; -} - -.ui .menu:not(.vertical) .item > .button.small { - font-size: 0.92857143rem; -} .ui.segment .ui.tabular.menu .active.item, .ui.segment .ui.tabular.menu .active.item:hover { diff --git a/web_src/css/modules/message.css b/web_src/css/modules/message.css index 61ce04666c2..0bad59dc80d 100644 --- a/web_src/css/modules/message.css +++ b/web_src/css/modules/message.css @@ -56,15 +56,6 @@ details.ui.message:not(:has(pre)) summary { border-radius: 0; } -.ui.bottom.attached.message { - margin-top: -1px; - border-radius: 0 0 var(--border-radius) var(--border-radius); -} - -.ui.bottom.attached.message:not(:last-child) { - margin-bottom: 1em; -} - .ui.message .header { color: inherit; font-weight: var(--font-weight-semibold); @@ -79,24 +70,19 @@ details.ui.message:not(:has(pre)) summary { } .ui.success.message, -.ui.attached.success.message, -.ui.positive.message, -.ui.attached.positive.message { +.ui.positive.message { background: var(--color-success-bg); border-color: var(--color-success-border); } .ui.error.message, -.ui.attached.error.message, .ui.red.message, -.ui.negative.message, -.ui.attached.negative.message { +.ui.negative.message { background: var(--color-error-bg); border-color: var(--color-error-border); } -.ui.warning.message, -.ui.attached.warning.message { +.ui.warning.message { background: var(--color-warning-bg); border-color: var(--color-warning-border); } diff --git a/web_src/css/modules/modal.css b/web_src/css/modules/modal.css index d45e54b947b..b27ef186361 100644 --- a/web_src/css/modules/modal.css +++ b/web_src/css/modules/modal.css @@ -149,7 +149,6 @@ .ui.modal > .actions { padding: 1rem 1rem 0 !important; } - .ui.modal .actions > .buttons, .ui.modal .actions > .button { margin-bottom: 1rem; } @@ -159,15 +158,6 @@ display: block; } -.scrolling.dimmable > .dimmer { - justify-content: flex-start; - position: fixed; -} - -.modals.dimmer .ui.scrolling.modal { - margin: 2rem auto; -} - .ui.modal > .close.inside + .header { padding-right: 2.25rem; } @@ -290,13 +280,6 @@ width: fit-content; } -.ui.modal.g-modal-confirm > .inside.close.icon { - padding: 0; - width: 1em; - height: 1em; - top: 1.2em; -} - .ui.modal .content > form > .actions, .ui.modal .content > .actions { padding-top: 1em; diff --git a/web_src/css/modules/navbar.css b/web_src/css/modules/navbar.css index d548d0148f5..f27074fc207 100644 --- a/web_src/css/modules/navbar.css +++ b/web_src/css/modules/navbar.css @@ -95,10 +95,6 @@ justify-content: flex-end; min-height: 49px; } - #navbar #mobile-stopwatch-icon, - #navbar #mobile-notifications-icon { - margin-right: 6px; - } } #navbar a.item:hover .notification_count, diff --git a/web_src/css/modules/segment.css b/web_src/css/modules/segment.css index f9c2af201bc..0ed2b83a080 100644 --- a/web_src/css/modules/segment.css +++ b/web_src/css/modules/segment.css @@ -74,17 +74,6 @@ border-radius: 0.28571429rem; } -.ui.segments > .ui.segments { - border-top: 1px solid var(--color-secondary); - margin: 1rem; -} -.ui.segments > .segments:first-child { - border-top: none; -} -.ui.segments > .segment + .segments:not(.horizontal) { - margin-top: 0; -} - .ui.horizontal.segments { display: flex; flex-direction: row; @@ -104,9 +93,6 @@ border-left: 1px solid var(--color-secondary); } -.ui.segments > .horizontal.segments:first-child { - border-top: none; -} .ui.horizontal.segments:not(.stackable) > .segment:first-child { border-left: none; } diff --git a/web_src/css/modules/table.css b/web_src/css/modules/table.css index 0889031aaee..ab1b6568f9c 100644 --- a/web_src/css/modules/table.css +++ b/web_src/css/modules/table.css @@ -50,8 +50,7 @@ border-radius: 0.28571429rem 0.28571429rem 0 0; } -.ui.table > tfoot > tr > th, -.ui.table > tfoot > tr > td { +.ui.table > tfoot > tr > th { border-top: 1px solid var(--color-secondary); background: var(--color-box-body); text-align: inherit; @@ -60,22 +59,15 @@ vertical-align: inherit; font-weight: var(--font-weight-normal); } -.ui.table > tfoot > tr > th:first-child, -.ui.table > tfoot > tr > td:first-child { +.ui.table > tfoot > tr > th:first-child { border-left: none; } -.ui.table > tfoot > tr:first-child > th:first-child, -.ui.table > tfoot > tr:first-child > td:first-child { +.ui.table > tfoot > tr:first-child > th:first-child { border-radius: 0 0 0 0.28571429rem; } -.ui.table > tfoot > tr:first-child > th:last-child, -.ui.table > tfoot > tr:first-child > td:last-child { +.ui.table > tfoot > tr:first-child > th:last-child { border-radius: 0 0 0.28571429rem; } -.ui.table > tfoot > tr:first-child > th:only-child, -.ui.table > tfoot > tr:first-child > td:only-child { - border-radius: 0 0 0.28571429rem 0.28571429rem; -} .ui.table > tr > td, .ui.table > tbody > tr > td { @@ -91,9 +83,6 @@ .ui.table.segment { padding: 0; } -.ui.table.segment::after { - display: none; -} @media only screen and (max-width: 767.98px) { .ui.table:not(.unstackable) { @@ -102,31 +91,23 @@ } .ui.table:not(.unstackable) > thead, .ui.table:not(.unstackable) > thead > tr, - .ui.table:not(.unstackable) > tfoot, - .ui.table:not(.unstackable) > tfoot > tr, .ui.table:not(.unstackable) > tbody, .ui.table:not(.unstackable) > tr, .ui.table:not(.unstackable) > tbody > tr, .ui.table:not(.unstackable) > tr > th, .ui.table:not(.unstackable) > thead > tr > th, .ui.table:not(.unstackable) > tbody > tr > th, - .ui.table:not(.unstackable) > tfoot > tr > th, .ui.table:not(.unstackable) > tr > td, - .ui.table:not(.unstackable) > tbody > tr > td, - .ui.table:not(.unstackable) > tfoot > tr > td { + .ui.table:not(.unstackable) > tbody > tr > td { display: block !important; width: auto !important; } .ui.table:not(.unstackable) > thead { display: block; } - .ui.table:not(.unstackable) > tfoot { - display: block; - } .ui.ui.ui.ui.table:not(.unstackable) > tr, .ui.ui.ui.ui.table:not(.unstackable) > thead > tr, - .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr, - .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr { + .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr { padding-top: 1em; padding-bottom: 1em; } @@ -135,8 +116,7 @@ .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > th, .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > th, .ui.ui.ui.ui.table:not(.unstackable) > tr > td, - .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > td, - .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > td { + .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > td { background: none; border: none; padding: 0.25em 0.75em; @@ -144,10 +124,8 @@ .ui.table:not(.unstackable) > tr > th:first-child, .ui.table:not(.unstackable) > thead > tr > th:first-child, .ui.table:not(.unstackable) > tbody > tr > th:first-child, - .ui.table:not(.unstackable) > tfoot > tr > th:first-child, .ui.table:not(.unstackable) > tr > td:first-child, - .ui.table:not(.unstackable) > tbody > tr > td:first-child, - .ui.table:not(.unstackable) > tfoot > tr > td:first-child { + .ui.table:not(.unstackable) > tbody > tr > td:first-child { font-weight: var(--font-weight-normal); } } @@ -162,8 +140,7 @@ table-layout: fixed; } -.ui.selectable.table > tbody > tr:hover, -.ui.table tbody tr td.selectable:hover { +.ui.selectable.table > tbody > tr:hover { background: var(--color-hover); } @@ -240,7 +217,6 @@ } .ui.basic.table > thead > tr > th, .ui.basic.table > tbody > tr > th, -.ui.basic.table > tfoot > tr > th, .ui.basic.table > tr > th { background: transparent; border-left: none; @@ -249,7 +225,6 @@ border-bottom: 1px solid var(--color-secondary); } .ui.basic.table > tbody > tr > td, -.ui.basic.table > tfoot > tr > td, .ui.basic.table > tr > td { background: transparent; } @@ -261,32 +236,26 @@ .ui.celled.table > tr > th, .ui.celled.table > thead > tr > th, .ui.celled.table > tbody > tr > th, -.ui.celled.table > tfoot > tr > th, .ui.celled.table > tr > td, -.ui.celled.table > tbody > tr > td, -.ui.celled.table > tfoot > tr > td { +.ui.celled.table > tbody > tr > td { border-left: 1px solid var(--color-secondary-alpha-50); } .ui.celled.table > tr > th:first-child, .ui.celled.table > thead > tr > th:first-child, .ui.celled.table > tbody > tr > th:first-child, -.ui.celled.table > tfoot > tr > th:first-child, .ui.celled.table > tr > td:first-child, -.ui.celled.table > tbody > tr > td:first-child, -.ui.celled.table > tfoot > tr > td:first-child { +.ui.celled.table > tbody > tr > td:first-child { border-left: none; } .ui.compact.table > tr > th, .ui.compact.table > thead > tr > th, -.ui.compact.table > tbody > tr > th, -.ui.compact.table > tfoot > tr > th { +.ui.compact.table > tbody > tr > th { padding-left: 0.7em; padding-right: 0.7em; } .ui.compact.table > tr > td, -.ui.compact.table > tbody > tr > td, -.ui.compact.table > tfoot > tr > td { +.ui.compact.table > tbody > tr > td { padding: 0.5em 0.7em; } diff --git a/web_src/css/modules/transition.css b/web_src/css/modules/transition.css index 3031c217f7a..a0e7db2b4c8 100644 --- a/web_src/css/modules/transition.css +++ b/web_src/css/modules/transition.css @@ -16,8 +16,7 @@ /* dimmer uses "active" but not "hidden/visible" classes, no special classes for it here */ /* only modal and dimmer need animation, dropdown menu doesn't */ -.ui.modal.transition, -.ui.dimmer.transition { +.ui.modal.transition { animation-name: fadein; animation-duration: 100ms; animation-timing-function: ease-in-out; diff --git a/web_src/css/repo.css b/web_src/css/repo.css index b852263ba1d..dbd75c3f949 100644 --- a/web_src/css/repo.css +++ b/web_src/css/repo.css @@ -163,14 +163,6 @@ td .commit-summary { font-size: 1em; } -.non-diff-file-content .header .small.icon { - font-size: 0.75em; -} - -.non-diff-file-content .header .tiny.icon { - font-size: 0.5em; -} - .non-diff-file-content .header .file-actions .btn-octicon { line-height: var(--line-height-default); padding: 8px; @@ -371,10 +363,6 @@ td .commit-summary { color: var(--color-text-light-2); } -.issue-title .label { - margin-right: 10px; -} - .issue-state-label { display: flex !important; align-items: center !important; @@ -393,17 +381,6 @@ td .commit-summary { background: transparent; } -.repository.view.issue .pull-desc a[data-clipboard-text] { - cursor: pointer; -} - -.repository.view.issue .pull-desc a[data-clipboard-text] svg { - vertical-align: middle; - position: relative; - top: -2px; - right: 1px; -} - .repository.view.issue .pull.tabs.container { width: 100%; max-width: 100%; @@ -593,14 +570,6 @@ td .commit-summary { overflow: hidden; } -.repository.view.issue .comment-list .comment .ui.form .field .tab.markup { - min-height: 5rem; -} - -.repository.view.issue .comment-list .comment .edit.buttons { - margin-top: 10px; -} - .repository.view.issue .comment-list .code-comment { border: 1px solid transparent; padding: 8px; @@ -787,20 +756,17 @@ td .commit-summary { } .repository .data-table td.added, -.repository .data-table th.added, -.repository .data-table tr.added { +.repository .data-table th.added { background-color: var(--color-diff-added-row-bg) !important; } .repository .data-table td.removed, -.repository .data-table th.removed, -.repository .data-table tr.removed { +.repository .data-table th.removed { background-color: var(--color-diff-removed-row-bg) !important; } .repository .data-table td.moved, -.repository .data-table th.moved, -.repository .data-table tr.moved { +.repository .data-table th.moved { background-color: var(--color-diff-moved-row-bg) !important; } @@ -879,30 +845,6 @@ td .commit-summary { margin-right: 0 !important; } -.repository .diff-detail-box span.status { - display: inline-block; - width: 12px; - height: 12px; - margin-right: 8px; - vertical-align: middle; -} - -.repository .diff-detail-box span.status.modify { - background-color: var(--color-yellow); -} - -.repository .diff-detail-box span.status.add { - background-color: var(--color-green); -} - -.repository .diff-detail-box span.status.del { - background-color: var(--color-red); -} - -.repository .diff-detail-box span.status.rename { - background-color: var(--color-teal); -} - .repository .diff-detail-box .ui.button { padding: 0 12px; height: 30px; @@ -921,11 +863,6 @@ td .commit-summary { text-align: right; } -.repository .diff-file-box .file-body.file-code .lines-num span.fold { - display: block; - text-align: center; -} - .repository .diff-file-box .code-diff td { padding: 0 0 0 10px !important; border-top: 0; @@ -944,10 +881,6 @@ td .commit-summary { table-layout: fixed; } -.repository .diff-file-box .code-diff tbody tr td.center { - text-align: center; -} - .repository .diff-file-box .code-diff tbody tr [data-line-num]::before { content: attr(data-line-num); text-align: right; @@ -1001,26 +934,6 @@ td .commit-summary { max-width: initial; /* remove fomantic over 100% width */ } -.repository .diff-stats { - clear: both; - margin-bottom: 5px; - max-height: 200px; - height: fit-content; - overflow: auto; - padding-left: 0; -} - -.repository .diff-stats li { - list-style: none; - padding-bottom: 4px; - margin-bottom: 4px; - padding-left: 6px; -} - -.repository .diff-stats li + li { - border-top: 1px solid var(--color-secondary); -} - .repository .repo-search-result { padding-top: 10px; padding-bottom: 10px; @@ -1030,14 +943,6 @@ td .commit-summary { color: inherit; } -.repository.quickstart .guide .item { - padding: 1em; -} - -.repository.quickstart .guide .item small { - font-weight: var(--font-weight-normal); -} - .repository .activity-header { display: flex; justify-content: space-between; @@ -1066,10 +971,6 @@ td .commit-summary { padding-top: 0; } -.repository .ui.fluid.action.input .ui.search.action.input { - flex: auto; -} - .repository .repository-summary { box-shadow: none; } @@ -1377,30 +1278,6 @@ tbody.commit-list { overflow-wrap: anywhere; } -@media (max-width: 767.98px) { - tr.commit-list { - width: 100%; - } -} - -@media (min-width: 768px) and (max-width: 991.98px) { - tr.commit-list { - width: 723px; - } -} - -@media (min-width: 992px) and (max-width: 1200px) { - tr.commit-list { - width: 933px; - } -} - -@media (min-width: 1201px) { - tr.commit-list { - width: 1127px; - } -} - .commit-body { margin: 0.25em 0; white-space: pre-wrap; @@ -1822,15 +1699,6 @@ tbody.commit-list { } } -.commit-status-header { - /* reset the default ".ui.attached.header" styles, to use the outer border */ - border: none !important; - /* add a bottom border to make sure the there is always a divider between the header and list when the list is scrolling */ - border-bottom: 1px solid var(--color-secondary) !important; - /* use negative margin to avoid the newly added border conflict with the list's top border */ - margin: 0 0 -1px !important; -} - .commit-status-list { max-height: 240px; /* fit exactly 6 items, commit-status-item.height * 6 */ overflow-x: hidden; diff --git a/web_src/css/repo/home.css b/web_src/css/repo/home.css index 3f26fd04ab6..9179c86036c 100644 --- a/web_src/css/repo/home.css +++ b/web_src/css/repo/home.css @@ -51,9 +51,6 @@ grid-row: 3; padding-left: 0; } - .repo-home-sidebar-bottom .flex-list > :first-child { - border-top: 0; - } } .repo-view-container { diff --git a/web_src/css/repo/wiki.css b/web_src/css/repo/wiki.css index 9e60b3a8eda..f0503b15e7d 100644 --- a/web_src/css/repo/wiki.css +++ b/web_src/css/repo/wiki.css @@ -11,10 +11,6 @@ overflow: visible; } -.repository.wiki .markup[data-tab-panel="markdown-previewer"] { - min-height: 340px; /* This height matches the markdown editor's height */ -} - .repository.wiki .wiki-content-parts .markup { border: 1px solid var(--color-secondary); border-radius: var(--border-radius); diff --git a/web_src/css/review.css b/web_src/css/review.css index 792b36cd449..705f3789ba0 100644 --- a/web_src/css/review.css +++ b/web_src/css/review.css @@ -42,22 +42,11 @@ } .repository .diff-file-box .code-diff .add-comment-left, -.repository .diff-file-box .code-diff .add-comment-right, -.repository .diff-file-box .code-diff .add-code-comment .add-comment-left, -.repository .diff-file-box .code-diff .add-code-comment .add-comment-right, -.repository .diff-file-box .code-diff .add-code-comment .lines-type-marker { +.repository .diff-file-box .code-diff .add-comment-right { padding-left: 0 !important; padding-right: 0 !important; } -.add-comment-left.add-comment-right .ui.attached.header { - border: 1px solid var(--color-secondary); -} - -.add-comment-left.add-comment-right .ui.attached.header:not(.top) { - margin-bottom: 0.5em; -} - .comment-code-cloud { padding: 0.5rem !important; position: relative; @@ -71,37 +60,6 @@ padding: 0; } -.comment-code-cloud .attached.tab { - border: 0; - padding: 0; - margin: 0; -} - -.comment-code-cloud .attached.header { - padding: 1px 8px 1px 12px; -} - -@media (max-width: 767.98px) { - .comment-code-cloud .attached.header { - padding-top: 4px; - padding-bottom: 4px; - } -} - -.comment-code-cloud .attached.header .text { - margin: 0; -} - -.comment-code-cloud .right.menu.options .item { - padding: 0.85714286em 0.442857em; - cursor: pointer; -} - -.comment-code-cloud .ui.active.tab.markup { - padding: 1em; - min-height: 168px; -} - .comment-code-cloud .editor-statusbar { display: none; } diff --git a/web_src/css/shared/flex-list.css b/web_src/css/shared/flex-list.css index cb6c69957af..d25319aa88e 100644 --- a/web_src/css/shared/flex-list.css +++ b/web_src/css/shared/flex-list.css @@ -12,8 +12,7 @@ } /* items have dividers between them, the dividers align with items */ -.flex-divided-list, -.flex-divided-list > .item.flex-divided-list { +.flex-divided-list { display: flex; flex-direction: column; align-items: stretch; @@ -25,11 +24,6 @@ flex-shrink: 0; } -.flex-divided-list > .divider { - margin: 0; - flex-shrink: 0; -} - .flex-divided-list > .item + .item { border-top: 1px solid var(--color-secondary); } diff --git a/web_src/css/user.css b/web_src/css/user.css index 3623eb3097b..bdc06f72359 100644 --- a/web_src/css/user.css +++ b/web_src/css/user.css @@ -9,20 +9,6 @@ } } -.user.profile .ui.secondary.stackable.pointing.menu { - flex-wrap: wrap; -} - -.user.followers .header.name { - font-size: 20px; - line-height: 24px; - vertical-align: middle; -} - -.user.followers .follow .ui.button { - padding: 8px 15px; -} - .user.link-account:not(.icon) { padding-top: 15px; padding-bottom: 5px;