Form styling adjustments (#13501)

* Form styling adjustments

- Move all form-related styling to _forms.less
- Defined new form-related variables
- Fix spinner on frontpage repo search
- Add new rounded-* helpers and fix repo search radius

* misc arc green tweaks

Co-authored-by: zeripath <art27@cantab.net>
Co-authored-by: techknowlogick <techknowlogick@gitea.io>
Co-authored-by: Lauris BH <lauris@nix.lv>
This commit is contained in:
silverwind 2020-11-12 16:59:33 +01:00 committed by GitHub
parent 4117a443c2
commit c2e05d9f9a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 157 additions and 207 deletions

View file

@ -62,6 +62,10 @@
--color-box-header: #f7f7f7;
--color-box-body: #ffffff;
--color-timeline: #ececec;
--color-input-text: #212121;
--color-input-background: #ffffff;
--color-input-border: #dedede;
--color-input-border-hover: #cecece;
}
:root:lang(ja) {
@ -186,23 +190,6 @@ a:hover,
border-right-color: var(--color-primary);
}
.ui.form input:not([type]):focus,
.ui.form textarea:focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="file"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="search"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="url"]:focus,
.ui.selection.dropdown:focus {
border-color: var(--color-primary);
}
.ui.selection.active.dropdown,
.ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown .menu,
@ -214,6 +201,10 @@ a:hover,
margin: 0 -1.25px;
}
.ui.attached.table {
border-color: var(--color-secondary);
}
.dont-break-out {
overflow-wrap: break-word;
word-wrap: break-word;
@ -326,6 +317,10 @@ a:hover,
height: auto;
}
.ui.loading.loading.input > i.icon svg {
visibility: hidden;
}
.ui {
&.left:not(.action) {
float: left;