feat: ✨ visual enhacements
This commit is contained in:
parent
013c8891b0
commit
ddf7f71595
@ -122,7 +122,10 @@
|
|||||||
&.primary, &.red, &.basic {
|
&.primary, &.red, &.basic {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.green {
|
||||||
|
color: var(--color-white);
|
||||||
|
background: var(--color-green-dark-2);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
@ -30,7 +30,6 @@
|
|||||||
color: var(--color-input-text);
|
color: var(--color-input-text);
|
||||||
border-radius: var(--border-radius);
|
border-radius: var(--border-radius);
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
min-height: auto;
|
|
||||||
padding: calc(#{var.get('measure/.375x')} - 1px) var.get('measure/.75x');
|
padding: calc(#{var.get('measure/.375x')} - 1px) var.get('measure/.75x');
|
||||||
|
|
||||||
+.ui.button:last-child {
|
+.ui.button:last-child {
|
||||||
@ -40,7 +39,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@include -all-inputs(':hover') {
|
@include -all-inputs(':hover') {
|
||||||
// border-radius: var(--border-radius);
|
|
||||||
border-color: var(--color-input-border);
|
border-color: var(--color-input-border);
|
||||||
color: var(--color-input-text)
|
color: var(--color-input-text)
|
||||||
}
|
}
|
||||||
@ -56,6 +54,10 @@
|
|||||||
@include -all-inputs('.active') {
|
@include -all-inputs('.active') {
|
||||||
border-radius: var(--border-radius);
|
border-radius: var(--border-radius);
|
||||||
outline: 2px solid var(--color-accent);
|
outline: 2px solid var(--color-accent);
|
||||||
|
|
||||||
|
> input.search {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui.action.input:not([class*="left action"])>input:focus {
|
.ui.action.input:not([class*="left action"])>input:focus {
|
||||||
@ -83,4 +85,43 @@
|
|||||||
font-size: var.get('font-size/md');
|
font-size: var.get('font-size/md');
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ui.form textarea,
|
||||||
|
.ui.form input:not([type]),
|
||||||
|
.ui.form input[type=date],
|
||||||
|
.ui.form input[type=datetime-local],
|
||||||
|
.ui.form input[type=email],
|
||||||
|
.ui.form input[type=number],
|
||||||
|
.ui.form input[type=password],
|
||||||
|
.ui.form input[type=search],
|
||||||
|
.ui.form input[type=tel],
|
||||||
|
.ui.form input[type=time],
|
||||||
|
.ui.form input[type=text],
|
||||||
|
.ui.form input[type=file],
|
||||||
|
.ui.form input[type=url] {
|
||||||
|
min-height: 2.71428571em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui.selection.dropdown {
|
||||||
|
min-height: 2.71428571em;
|
||||||
|
>input {
|
||||||
|
min-height: 0;
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui.multiple.dropdown>.label, .ui.multiple.search.dropdown>input.search {
|
||||||
|
padding: var.get('measure/.375x') var.get('measure/.75x');
|
||||||
|
margin: .14285714rem .28571429rem .14285714rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui.multiple.search.dropdown>input.search {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui.checkbox label, .ui.radio.checkbox label {
|
||||||
|
margin-left: 20px !important;
|
||||||
|
}
|
||||||
}
|
}
|
@ -10,7 +10,7 @@
|
|||||||
opacity: 0;
|
opacity: 0;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
&.hidden { opacity: 0 !important;}
|
&.hidden { opacity: 0 !important;}
|
||||||
&.visible { opacity: 1 !important; }
|
&.visible, &.show { opacity: 1 !important; }
|
||||||
|
|
||||||
border-radius: var(--border-radius) !important;
|
border-radius: var(--border-radius) !important;
|
||||||
transition: opacity .2s ease !important;
|
transition: opacity .2s ease !important;
|
||||||
|
@ -182,10 +182,17 @@
|
|||||||
|
|
||||||
.repository .diff-detail-box { // diff page detail box
|
.repository .diff-detail-box { // diff page detail box
|
||||||
padding: var.get('measure/.5x') 0;
|
padding: var.get('measure/.5x') 0;
|
||||||
margin: calc(var.get('measure/1x') * -1) 0 0 0;
|
|
||||||
height: 60px;
|
height: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.repository.view.issue .pull.tabs.container {
|
||||||
|
+ div {
|
||||||
|
>.diff-detail-box:first-child {
|
||||||
|
margin: calc(var.get('measure/1x') * -1) 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.repository #diff-container {
|
.repository #diff-container {
|
||||||
#diff-file-tree {
|
#diff-file-tree {
|
||||||
top: 60px;
|
top: 60px;
|
||||||
|
@ -240,4 +240,8 @@
|
|||||||
.tippy-svg-arrow {
|
.tippy-svg-arrow {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.repository.file.editor .commit-form-wrapper .commit-form:before, .repository.file.editor .commit-form-wrapper .commit-form:after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -103,6 +103,11 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.fork-flag {
|
||||||
|
margin-top: calc(#{var.get('measure/1x')} * -1) !important;
|
||||||
|
margin-bottom: var.get('measure/1x') !important;
|
||||||
|
}
|
||||||
|
|
||||||
// header navbar menu
|
// header navbar menu
|
||||||
overflow-menu.ui.secondary.pointing.menu {
|
overflow-menu.ui.secondary.pointing.menu {
|
||||||
.overflow-menu-items {
|
.overflow-menu-items {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user