targets #13
This commit is contained in:
parent
987203c9d8
commit
2565e1424c
3 changed files with 128 additions and 133 deletions
|
@ -1,4 +1,7 @@
|
||||||
.dashboard.feeds {
|
|
||||||
|
/* dashboard: main */
|
||||||
|
|
||||||
|
.dashboard {
|
||||||
.dashboard-navbar {
|
.dashboard-navbar {
|
||||||
.secondary.menu {
|
.secondary.menu {
|
||||||
.item {
|
.item {
|
||||||
|
@ -41,6 +44,11 @@
|
||||||
border: 0 !important;
|
border: 0 !important;
|
||||||
border-top: 1px solid $bg60 !important;
|
border-top: 1px solid $bg60 !important;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* dashboard: feeds */
|
||||||
|
|
||||||
|
.dashboard.feeds {
|
||||||
.container {
|
.container {
|
||||||
.grid {
|
.grid {
|
||||||
.column.ten {
|
.column.ten {
|
||||||
|
@ -172,3 +180,34 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -52,3 +52,84 @@
|
||||||
fill: $red !important;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -386,44 +386,8 @@
|
||||||
.container {
|
.container {
|
||||||
.grid {
|
.grid {
|
||||||
.column {
|
.column {
|
||||||
.left.small.menu {
|
@include label-milestone-menu;
|
||||||
background: transparent;
|
@include search-issues;
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.green.button {
|
.green.button {
|
||||||
background: $green;
|
background: $green;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
@ -445,28 +409,7 @@
|
||||||
}
|
}
|
||||||
.grid {
|
.grid {
|
||||||
.column {
|
.column {
|
||||||
.basic.button {
|
@include open-closed-buttons;
|
||||||
&: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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.filter.menu {
|
.filter.menu {
|
||||||
.item {
|
.item {
|
||||||
background: $bg60;
|
background: $bg60;
|
||||||
|
@ -554,27 +497,7 @@
|
||||||
.repository.labels {
|
.repository.labels {
|
||||||
.container {
|
.container {
|
||||||
.navbar {
|
.navbar {
|
||||||
.left.small.menu {
|
@include label-milestone-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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.right {
|
.right {
|
||||||
.green.new-label.button {
|
.green.new-label.button {
|
||||||
background: $green;
|
background: $green;
|
||||||
|
@ -666,60 +589,12 @@
|
||||||
.repository.milestones {
|
.repository.milestones {
|
||||||
.container {
|
.container {
|
||||||
.navbar {
|
.navbar {
|
||||||
.left.small.menu {
|
@include label-milestone-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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.divider {
|
.divider {
|
||||||
border-top: 1px solid $bg60;
|
border-top: 1px solid $bg60;
|
||||||
}
|
}
|
||||||
.basic.button {
|
@include open-closed-buttons;
|
||||||
&: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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.filter.menu {
|
.filter.menu {
|
||||||
.item {
|
.item {
|
||||||
background: $bg60;
|
background: $bg60;
|
||||||
|
|
Reference in a new issue