diff --git a/scss/import/include.scss b/scss/import/include.scss index 74bcf92..14333f4 100644 --- a/scss/import/include.scss +++ b/scss/import/include.scss @@ -397,3 +397,35 @@ } } } + +@mixin sha-label { + .sha.label { + background: $bg70; + border: 0 !important; + color: $white; + transition: background .2s, color .2s; + &:hover { + background: $bg60; + color: $white; + } + &.isSigned.isVerified { + background: $bg70 !important; + &:hover { + background: $bg60 !important; + .detail.icon { + background: $bg60 !important; + } + } + .detail.icon { + background: $bg70 !important; + border: 0 !important; + color: $green !important; + margin: -6px -8px -4px 0 !important; + padding: 5px 4px 5px 0 !important; + &:hover { + background: $bg60 !important; + } + } + } + } +} diff --git a/scss/import/repository.scss b/scss/import/repository.scss index 1e50390..5c9f6a9 100644 --- a/scss/import/repository.scss +++ b/scss/import/repository.scss @@ -413,7 +413,8 @@ border: 0; color: $white; } - .table { + .table, + #repo-files-table { background: $bg30; border: 0; border-radius: 5px; @@ -458,16 +459,7 @@ } .commit-list { th { - .sha.label { - background: $bg70; - border: 0 !important; - color: $white; - transition: background .2s, color .2s; - &:hover { - background: $bg60; - color: $white; - } - } + @include sha-label; .commit-summary { .commit-button { @if $nojavascript == true { @@ -1203,15 +1195,7 @@ &.horizontal.segments:last-of-type { border-bottom: 0; } - h4.header { // »There has not been any commit activity in this period.« - background: $bg30; - } - #app { - @if $nojavascript == true { - display: none; - } - } - .text { + &.text { background: $bg30; .green.text { color: $green !important; @@ -1232,6 +1216,14 @@ } } } + h4.header { // »There has not been any commit activity in this period.« + background: $bg30; + } + #app { + @if $nojavascript == true { + display: none; + } + } } .divider.header { background: initial; @@ -1323,19 +1315,13 @@ } } .table { - .very.basic.table { + #commits-table { .commit-list { tr { - .sha.label { - background: $bg70; - border: 0 !important; - color: $white; - transition: background .2s, color .2s; - &:hover { - background: $bg60; - color: $white; - } + &:nth-child(2n) { + background: unset; } + @include sha-label; .message { .commit-button { @if $nojavascript == true { @@ -1453,16 +1439,7 @@ color: $white-dark !important; } } - .sha.label { - background: $bg70; - border: 0 !important; - color: $white; - transition: background .2s, color .2s; - &:hover { - background: $bg60; - color: $white; - } - } + @include sha-label; } .attached.message.isSigned.isVerified { background: $bg50;