diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index f04ce05a9..69e3433ee 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -811,8 +811,73 @@ padding-left: 15px; padding-top: 0; - .singular-commit:not(:last-child) { - padding-bottom: 3px; + .singular-commit { + &:not(:last-child) { + padding-bottom: 3px; + } + + .shabox { + .sha.label { + margin: 0; + border: 1px solid #bbbbbb; + + &.isSigned.isWarning { + border: 1px solid #db2828; + background: fade(#db2828, 10%); + + .shortsha { + display: inline-block; + padding-top: 1px; + } + + &:hover { + background: fade(#db2828, 30%) !important; + } + } + + &.isSigned.isVerified { + border: 1px solid #21ba45; + background: fade(#21ba45, 10%); + + .shortsha { + display: inline-block; + padding-top: 1px; + } + + &:hover { + background: fade(#21ba45, 30%) !important; + } + } + + &.isSigned.isVerifiedUntrusted { + border: 1px solid #fbbd08; + background: fade(#fbbd08, 10%); + + .shortsha { + display: inline-block; + padding-top: 1px; + } + + &:hover { + background: fade(#fbbd08, 30%) !important; + } + } + + &.isSigned.isVerifiedUnmatched { + border: 1px solid #f2711c; + background: fade(#f2711c, 10%); + + .shortsha { + display: inline-block; + padding-top: 1px; + } + + &:hover { + background: fade(#f2711c, 30%) !important; + } + } + } + } } } @@ -1070,69 +1135,6 @@ } } - & > .shabox { - .sha.label { - margin: 0; - border: 1px solid #bbbbbb; - - &.isSigned.isWarning { - border: 1px solid #db2828; - background: fade(#db2828, 10%); - - .shortsha { - display: inline-block; - padding-top: 1px; - } - - &:hover { - background: fade(#db2828, 30%) !important; - } - } - - &.isSigned.isVerified { - border: 1px solid #21ba45; - background: fade(#21ba45, 10%); - - .shortsha { - display: inline-block; - padding-top: 1px; - } - - &:hover { - background: fade(#21ba45, 30%) !important; - } - } - - &.isSigned.isVerifiedUntrusted { - border: 1px solid #fbbd08; - background: fade(#fbbd08, 10%); - - .shortsha { - display: inline-block; - padding-top: 1px; - } - - &:hover { - background: fade(#fbbd08, 30%) !important; - } - } - - &.isSigned.isVerifiedUnmatched { - border: 1px solid #f2711c; - background: fade(#f2711c, 10%); - - .shortsha { - display: inline-block; - padding-top: 1px; - } - - &:hover { - background: fade(#f2711c, 30%) !important; - } - } - } - } - .detail { font-size: .9rem; margin-top: 5px;