History

Fix border on focus in dashboard repo search (#29893)

Before: <img width="449" alt="Screenshot 2024-03-18 at 22 35 10" src="https://github.com/go-gitea/gitea/assets/115237/f2893870-e7a3-4e34-b0cf-4610735c9b36"> After: <img width="453" alt="image" src="https://github.com/go-gitea/gitea/assets/115237/36a9f800-28a4-40fc-b6d2-a2e717ddba01"> (cherry picked from commit 5a8559ec47a271e45bf5836eaf5e9040a0f1d6bf)

silverwind committed 2 years ago

Commit 272dffb1 parent e8e8d141 file · +7 −1Browse files

Showing the changes to web_src/css/base.css (1 of 1 file). Show all

Unified · Split

web_src/css/base.css+7−1
@@ -294,7 +294,9 @@ ol.ui.list li, · 293 unmodified lines
294.ui.action.input:not([class*="left action"]) > input:focus + .ui.dropdown.selection,294.ui.action.input:not([class*="left action"]) > input:focus + .ui.dropdown.selection,
295.ui.action.input:not([class*="left action"]) > input:focus + .ui.dropdown.selection:hover,295.ui.action.input:not([class*="left action"]) > input:focus + .ui.dropdown.selection:hover,
296.ui.action.input:not([class*="left action"]) > input:focus + .button,296.ui.action.input:not([class*="left action"]) > input:focus + .button,
297.ui.action.input:not([class*="left action"]) > input:focus + .button:hover {297.ui.action.input:not([class*="left action"]) > input:focus + .button:hover,
298.ui.action.input:not([class*="left action"]) > input:focus + .icon + .button,
299.ui.action.input:not([class*="left action"]) > input:focus + .icon + .button:hover {
298 border-left-color: var(--color-primary);300 border-left-color: var(--color-primary);
299}301}
300.ui.action.input:not([class*="left action"]) > input:focus {302.ui.action.input:not([class*="left action"]) > input:focus {
@@ -1972,6 +1974,10 @@ table th[data-sortt-desc] .svg { · 1671 unmodified lines
1972 justify-content: center;1974 justify-content: center;
1973}1975}
1974 1976
1977.ui.icon.input > i.icon {
1978 transition: none;
1979}
1980
1975.flex-items-block > .item,1981.flex-items-block > .item,
1976.flex-text-block {1982.flex-text-block {
1977 display: flex;1983 display: flex;