feat: visual enhacements

master
Lucas Colombo 4 weeks ago
parent 013c8891b0
commit ddf7f71595
No known key found for this signature in database
GPG Key ID: EF34786CFEFFAE35

@ -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…
Cancel
Save