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>
This commit is contained in:
parent
ff7341b994
commit
0ae35c66f2
|
@ -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>
|
||||||
|
|
|
@ -1,5 +1,7 @@
|
||||||
.admin {
|
.admin {
|
||||||
padding-top: 15px;
|
&.notice {
|
||||||
|
padding-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
.table.segment {
|
.table.segment {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue