diff --git a/scss/import/dashboard.scss b/scss/import/dashboard.scss index c2b2003..9a56390 100644 --- a/scss/import/dashboard.scss +++ b/scss/import/dashboard.scss @@ -1,4 +1,7 @@ -.dashboard.feeds { + +/* dashboard: main */ + +.dashboard { .dashboard-navbar { .secondary.menu { .item { @@ -41,6 +44,11 @@ border: 0 !important; border-top: 1px solid $bg60 !important; } +} + +/* dashboard: feeds */ + +.dashboard.feeds { .container { .grid { .column.ten { @@ -171,4 +179,35 @@ } } } -} +} + +/* dashboard: issues */ + +.dashboard.issues { + .container { + .grid { + .column.four { + .filter.menu { + a.item { + color: $white; + &.button.blue { + background: $bg60; + box-shadow: none !important; + color: $white-light !important; + } + .label { + background: $white; + color: $bg60; + } + } + } + } + .column.twelve { + .column { + @include open-closed-buttons; + @include search-issues; + } + } + } + } +} diff --git a/scss/import/include.scss b/scss/import/include.scss index 42f875a..1065e29 100644 --- a/scss/import/include.scss +++ b/scss/import/include.scss @@ -52,3 +52,84 @@ fill: $red !important; } } + +@mixin label-milestone-menu { + .left.small.menu { + background: transparent; + border: 0; + .item { + background: $bg60; + color: $white; + font-family: $font-family; + &:first-child { + border-radius: $border-radius 0 0 $border-radius; + } + &:hover { + background: $bg50; + } + &:last-child { + border-radius: 0 $border-radius $border-radius 0; + } + &.active { + background: $bg50; + } + } + } +} + +@mixin open-closed-buttons { + .basic.button { + &:not(.active) { + background: $bg60; + color: $white; + &:hover { + background: $bg50; + } + } + &.green { + background: $green; + box-shadow: none; + color: $white-light; + &:hover { + background: $green-dark; + } + } + &.red { + background: $red; + box-shadow: none; + color: $white-light; + &:hover { + background: $red-dark; + } + } + .svg { + @if $nojavascript == true { + display: none; + } + } + } +} + +@mixin search-issues { + form.form { + .input { + input { + background: $bg40; + border: 2px solid $bg60; + color: $white; + &:focus { + background: $bg50; + border: 2px solid $bg60; + color: $white; + } + } + .button { + background: $bg60; + border: 0; + &:hover { + background: $bg50; + } + } + } + } +} diff --git a/scss/import/repository.scss b/scss/import/repository.scss index 3798cf1..fa00240 100644 --- a/scss/import/repository.scss +++ b/scss/import/repository.scss @@ -386,44 +386,8 @@ .container { .grid { .column { - .left.small.menu { - background: transparent; - border: 0; - .item { - background: $bg60; - color: $white; - &:first-child { - border-radius: $border-radius 0 0 $border-radius; - } - &:hover { - background: $bg50; - } - &:last-child { - border-radius: 0 $border-radius $border-radius 0; - } - } - } - form.form { - .input { - input { - background: $bg40; - border: 2px solid $bg60; - color: $white; - &:focus { - background: $bg50; - border: 2px solid $bg60; - color: $white; - } - } - .button { - background: $bg60; - border: 0; - &:hover { - background: $bg50; - } - } - } - } + @include label-milestone-menu; + @include search-issues; .green.button { background: $green; box-shadow: none; @@ -445,28 +409,7 @@ } .grid { .column { - .basic.button { - &:not(.active) { - background: $bg60; - color: $white; - &:hover { - background: $bg50; - } - } - &.red { - background: $red; - box-shadow: none; - color: $white; - &:hover { - background: $red-dark; - } - } - .svg { - @if $nojavascript == true { - display: none; - } - } - } + @include open-closed-buttons; .filter.menu { .item { background: $bg60; @@ -554,27 +497,7 @@ .repository.labels { .container { .navbar { - .left.small.menu { - background: transparent; - border: 0; - .item { - background: $bg60; - color: $white; - font-family: "Lucida Console", monospace; - &:first-child { - border-radius: $border-radius 0 0 $border-radius; - } - &:hover { - background: $bg50; - } - &:last-child { - border-radius: 0 $border-radius $border-radius 0; - } - &.active { - background: $bg50; - } - } - } + @include label-milestone-menu; .right { .green.new-label.button { background: $green; @@ -666,60 +589,12 @@ .repository.milestones { .container { .navbar { - .left.small.menu { - background: transparent; - border: 0; - .item { - background: $bg60; - color: $white; - &:first-child { - border-radius: $border-radius 0 0 $border-radius; - } - &:hover { - background: $bg50; - } - &:last-child { - border-radius: 0 $border-radius $border-radius 0; - } - &.active { - background: $bg50; - } - } - } + @include label-milestone-menu; } .divider { border-top: 1px solid $bg60; } - .basic.button { - &:not(.active) { - background: $bg60; - color: $white; - &:hover { - background: $bg50; - } - } - &.green { - background: $green; - box-shadow: none; - color: $white-light; - &:hover { - background: $green-dark; - } - } - &.red { - background: $red; - box-shadow: none; - color: $white-light; - &:hover { - background: $red-dark; - } - } - .svg { - @if $nojavascript == true { - display: none; - } - } - } + @include open-closed-buttons; .filter.menu { .item { background: $bg60;