Various style fixes (#13534)

* Various style fixes

- Fix the rest of the monochrome borders for arc-green
- Fix close icon position on system notice modal and padding
- Fix selectable table color for arc-green

* proper fix for close icon

Co-authored-by: Lauris BH <lauris@nix.lv>
release/v1.15
silverwind 2020-11-13 02:31:25 +01:00 committed by GitHub
parent ff7341b994
commit 0ae35c66f2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 38 additions and 58 deletions

View File

@ -74,7 +74,7 @@
</div> </div>
<div class="ui modal admin" id="detail-modal"> <div class="ui modal admin" id="detail-modal">
<i class="close icon"></i> <i class="close icon inside"></i>
<div class="header">{{$.i18n.Tr "admin.notices.view_detail_header"}}</div> <div class="header">{{$.i18n.Tr "admin.notices.view_detail_header"}}</div>
<div class="content"> <div class="content">
<div class="sub header"></div> <div class="sub header"></div>

View File

@ -1,5 +1,7 @@
.admin { .admin {
padding-top: 15px; &.notice {
padding-top: 15px;
}
.table.segment { .table.segment {
padding: 0; padding: 0;

View File

@ -205,6 +205,29 @@ a:hover,
border-color: var(--color-secondary); border-color: var(--color-secondary);
} }
.ui.table {
color: var(--color-text);
}
.ui.ui.selectable.table > tbody > tr:hover,
.ui.table tbody tr td.selectable:hover {
color: var(--color-text);
background-color: var(--color-secondary-alpha-40);
}
.ui.modal {
background: var(--color-body);
}
.ui.modal > .close.inside,
.ui.fullscreen.modal > .close {
color: var(--body-color);
}
.ui.basic.table > tbody > tr {
border-color: var(--color-secondary);
}
.dont-break-out { .dont-break-out {
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word; word-wrap: break-word;

View File

@ -22,7 +22,7 @@
padding-bottom: 25px; padding-bottom: 25px;
&:not(:first-child) { &:not(:first-child) {
border-top: 1px solid #eeeeee; border-top: 1px solid var(--color-secondary);
padding-top: 25px; padding-top: 25px;
} }
@ -83,7 +83,7 @@
padding-bottom: 25px; padding-bottom: 25px;
&:not(:first-child) { &:not(:first-child) {
border-top: 1px solid #eeeeee; border-top: 1px solid var(--color-secondary);
padding-top: 25px; padding-top: 25px;
} }
@ -98,14 +98,6 @@
.svg:not(:first-child) { .svg:not(:first-child) {
margin-left: 5px; margin-left: 5px;
} }
a {
color: #333333;
&:hover {
text-decoration: underline;
}
}
} }
} }
} }

View File

@ -1070,10 +1070,10 @@
margin: 5px; margin: 5px;
padding: 5px; padding: 5px;
height: 150px; height: 150px;
border: solid 1px #eeeeee; border: solid 1px var(--color-secondary);
border-radius: 3px; border-radius: 3px;
max-width: 150px; max-width: 150px;
background-color: #ffffff; background-color: var(--color-body);
&::before { &::before {
content: ' '; content: ' ';
@ -1962,14 +1962,14 @@
.list { .list {
padding-left: 0; padding-left: 0;
border-top: 1px solid #eeeeee; border-top: 1px solid var(--color-secondary);
li { li {
list-style: none; list-style: none;
display: block; display: block;
padding-top: 8px; padding-top: 8px;
padding-bottom: 8px; padding-bottom: 8px;
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid var(--color-secondary);
a > .text.right { a > .text.right {
margin-right: 5px; margin-right: 5px;
@ -2177,7 +2177,7 @@
} }
.item { .item {
border: 1px solid #eaeaea; border: 1px solid var(--color-secondary);
padding: 10px 15px; padding: 10px 15px;
&:not(:last-child) { &:not(:last-child) {
@ -2748,7 +2748,7 @@
} }
&:not(:first-child) { &:not(:first-child) {
border-top: 1px solid #eaeaea; border-top: 1px solid var(--color-secondary);
padding: 1rem; padding: 1rem;
margin: 15px -1rem -1rem; margin: 15px -1rem -1rem;
} }

View File

@ -29,7 +29,7 @@
list-style: none; list-style: none;
&:not(:last-child) { &:not(:last-child) {
border-bottom: 1px solid #eaeaea; border-bottom: 1px solid var(--color-secondary);
} }
.svg, .svg,

View File

@ -710,7 +710,7 @@ a.ui.basic.green.label:hover {
} }
.ui.pagination.menu .active.item { .ui.pagination.menu .active.item {
color: #dbdbdb; color: #fff;
background-color: #87ab63; background-color: #87ab63;
} }
@ -870,7 +870,6 @@ a.ui.basic.green.label:hover {
} }
.ui.table { .ui.table {
color: #a5a5a5 !important;
border-color: var(--color-secondary); border-color: var(--color-secondary);
background: #353945; background: #353945;
} }
@ -1020,10 +1019,6 @@ a.ui.basic.green.label:hover {
.repository.view.issue .comment-list .comment .content { .repository.view.issue .comment-list .comment .content {
> .bottom.segment { > .bottom.segment {
background: #353945; background: #353945;
a {
border-color: var(--color-secondary);
background-color: #353945;
}
} }
.header { .header {
@ -1180,10 +1175,6 @@ td.blob-hunk {
border: 1px solid #333640; border: 1px solid #333640;
} }
.ui.repository.list .item:not(:first-child) {
border-top: 1px solid var(--color-secondary);
}
.ui.selection.active.dropdown, .ui.selection.active.dropdown,
.ui.selection.active.dropdown:hover, .ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown .menu, .ui.selection.active.dropdown .menu,
@ -1236,10 +1227,6 @@ td.blob-hunk {
color: #dbdbdb; color: #dbdbdb;
} }
.ui.user.list .item:not(:first-child) {
border-top: 1px solid var(--color-secondary);
}
.ui.secondary.pointing.menu .active.item:hover { .ui.secondary.pointing.menu .active.item:hover {
color: #dbdbdb; color: #dbdbdb;
} }
@ -1254,10 +1241,6 @@ td.blob-hunk {
background: #2c303a; background: #2c303a;
} }
.user.settings .email.list .item:not(:first-child) {
border-top: 1px solid #3f4451;
}
.explore .navbar { .explore .navbar {
background-color: #2a2e3a !important; background-color: #2a2e3a !important;
} }
@ -1273,10 +1256,6 @@ td.blob-hunk {
} }
} }
.settings .key.list .item:not(:first-child) {
border-top: 1px solid var(--color-secondary);
}
.ui.attached.info.message, .ui.attached.info.message,
.ui.info.message { .ui.info.message {
box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent; box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent;
@ -1358,10 +1337,6 @@ td.blob-hunk {
box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent; box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent;
} }
.user.profile .ui.card .extra.content ul li:not(:last-child) {
border-bottom: 1px solid var(--color-secondary);
}
.ui.form .dropzone { .ui.form .dropzone {
border: 1px dashed var(--color-secondary); border: 1px dashed var(--color-secondary);
background-color: #2e323e; background-color: #2e323e;
@ -1391,10 +1366,6 @@ td.blob-hunk {
color: var(--color-secondary-dark-6); color: var(--color-secondary-dark-6);
} }
.ui.user.list .item .description a {
color: #668cb1;
}
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory, .repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
color: #7c9b5e; color: #7c9b5e;
@ -1600,7 +1571,7 @@ a.ui.labels .label:hover {
.ui.modal > .actions { .ui.modal > .actions {
background: var(--color-secondary); background: var(--color-secondary);
border-top: 1px solid var(--color-secondary); border-color: var(--color-secondary);
} }
.ui.modal > .content { .ui.modal > .content {
@ -1834,14 +1805,6 @@ footer .container .links > * {
border-color: #383c4a; border-color: #383c4a;
} }
.repository.release #release-list > li .detail .download .list {
border-top-color: var(--color-secondary);
}
.repository.release #release-list > li .detail .download .list li {
border-bottom-color: var(--color-secondary);
}
.board-column { .board-column {
background-color: rgba(0, 0, 0, .2) !important; background-color: rgba(0, 0, 0, .2) !important;
} }