Tweak label border CSS (#7739)

Also did various tweaks to label hover and dark theme.

Fixes: https://github.com/go-gitea/gitea/pull/5487
This commit is contained in:
silverwind 2019-08-04 14:55:20 +02:00 committed by Lunny Xiao
parent 0e887af2d1
commit a1f5789a29
4 changed files with 33 additions and 17 deletions

View file

@ -1272,17 +1272,15 @@
#commits-table td.sha .sha.label,
#repo-files-table .sha.label {
&.isSigned {
border: 1px solid #bbbbbb;
border: 1px solid #bbbbbb;
.detail.icon {
background: #fafafa;
margin: -6px -10px -4px 0;
padding: 5px 3px 5px 6px;
border-left: 1px solid #bbbbbb;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.detail.icon {
background: #fafafa;
margin: -6px -10px -4px 0;
padding: 5px 3px 5px 6px;
border-left: 1px solid #bbbbbb;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
&.isSigned.isVerified {
@ -1290,7 +1288,11 @@
background: fade(#21ba45, 10%);
.detail.icon {
border-left: 1px solid fade(#21ba45, 50%);
border-left: 1px solid #21ba45;
}
&:hover {
background: fade(#21ba45, 30%) !important;
}
}
}

View file

@ -1091,8 +1091,19 @@ input {
a.ui.label:hover,
a.ui.labels .label:hover {
background-color: #505667;
color: #dbdbdb;
background-color: #505667 !important;
color: #dbdbdb !important;
}
.repository #commits-table td.sha .sha.label,
.repository #repo-files-table .sha.label {
border-color: #888;
}
.repository #commits-table td.sha .sha.label.isSigned .detail.icon,
.repository #repo-files-table .sha.label.isSigned .detail.icon {
background: none;
border-left-color: #888;
}
.repository .label.list .item {