closes #13
This commit is contained in:
parent
2565e1424c
commit
2f99e9a656
3 changed files with 126 additions and 100 deletions
|
@ -5,38 +5,7 @@
|
|||
.dashboard-navbar {
|
||||
.secondary.menu {
|
||||
.item {
|
||||
.dropdown {
|
||||
&:hover {
|
||||
.context.user.menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.text {
|
||||
color: $white;
|
||||
}
|
||||
.context.user.menu {
|
||||
background: $bg50;
|
||||
.header {
|
||||
color: $white;
|
||||
}
|
||||
.scrolling.menu.items {
|
||||
border: 0;
|
||||
}
|
||||
.item {
|
||||
border-radius: 0;
|
||||
color: $white !important;
|
||||
&:hover {
|
||||
background: $bg40;
|
||||
}
|
||||
&.active {
|
||||
background: $bg40 !important;
|
||||
&:hover {
|
||||
background: $bg30 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include dropdown-floating;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -203,11 +172,15 @@
|
|||
}
|
||||
}
|
||||
.column.twelve {
|
||||
.column.three {
|
||||
.column {
|
||||
@include open-closed-buttons;
|
||||
@include search-issues;
|
||||
@include dropdown;
|
||||
}
|
||||
}
|
||||
@include issue-list;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -79,6 +79,7 @@
|
|||
|
||||
@mixin open-closed-buttons {
|
||||
.basic.button {
|
||||
font-family: $font-family;
|
||||
&:not(.active) {
|
||||
background: $bg60;
|
||||
color: $white;
|
||||
|
@ -117,6 +118,7 @@
|
|||
background: $bg40;
|
||||
border: 2px solid $bg60;
|
||||
color: $white;
|
||||
font-family: $font-family;
|
||||
&:focus {
|
||||
background: $bg50;
|
||||
border: 2px solid $bg60;
|
||||
|
@ -126,6 +128,7 @@
|
|||
.button {
|
||||
background: $bg60;
|
||||
border: 0;
|
||||
font-family: $font-family;
|
||||
&:hover {
|
||||
background: $bg50;
|
||||
}
|
||||
|
@ -133,3 +136,105 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin issue-list {
|
||||
.issue.list {
|
||||
.item {
|
||||
border-bottom: 1px dashed $bg70;
|
||||
.label {
|
||||
background: $white;
|
||||
color: $bg60;
|
||||
}
|
||||
.title {
|
||||
border-bottom: 1px solid transparent;
|
||||
color: $white;
|
||||
transition: border .2s, color .2s;
|
||||
&:hover {
|
||||
border-bottom: 1px solid $red;
|
||||
color: $red;
|
||||
}
|
||||
}
|
||||
.desc {
|
||||
color: $white-dark;
|
||||
a.milestone {
|
||||
color: $white !important;
|
||||
&:hover {
|
||||
color: $red !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin dropdown {
|
||||
.dropdown {
|
||||
background: $bg60;
|
||||
border-radius: $border-radius;
|
||||
color: $white;
|
||||
padding: 10px 0 10px 13px;
|
||||
&:first-of-type {
|
||||
margin-left: auto;
|
||||
}
|
||||
&:hover {
|
||||
background: $bg50;
|
||||
.menu {
|
||||
@if $nojavascript == true {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
span.text {
|
||||
i.dropdown.icon {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.menu {
|
||||
background: $bg60;
|
||||
border: 1px solid $bg50;
|
||||
box-shadow: none;
|
||||
margin-top: 0;
|
||||
.item {
|
||||
color: $white !important;
|
||||
&:hover {
|
||||
background: $bg50;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin dropdown-floating {
|
||||
.dropdown.floating {
|
||||
&:hover {
|
||||
.context.user.menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.text {
|
||||
color: $white;
|
||||
}
|
||||
.context.user.menu {
|
||||
background: $bg50;
|
||||
.header {
|
||||
color: $white;
|
||||
}
|
||||
.scrolling.menu.items {
|
||||
border: 0;
|
||||
}
|
||||
.item {
|
||||
border-radius: 0;
|
||||
color: $white !important;
|
||||
&:hover {
|
||||
background: $bg40;
|
||||
}
|
||||
&.active {
|
||||
background: $bg40 !important;
|
||||
&:hover {
|
||||
background: $bg30 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -411,21 +411,8 @@
|
|||
.column {
|
||||
@include open-closed-buttons;
|
||||
.filter.menu {
|
||||
.item {
|
||||
background: $bg60;
|
||||
color: $white;
|
||||
&:first-of-type {
|
||||
margin-left: auto;
|
||||
}
|
||||
&:hover {
|
||||
background: $bg50;
|
||||
.menu {
|
||||
@if $nojavascript == true {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.label-filter {
|
||||
@include dropdown;
|
||||
.dropdown.label-filter {
|
||||
.menu {
|
||||
.info {
|
||||
@if $nojavascript == true {
|
||||
|
@ -446,49 +433,10 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.menu {
|
||||
background: $bg60;
|
||||
border: 1px solid $bg50;
|
||||
box-shadow: none;
|
||||
margin-top: 0;
|
||||
.item {
|
||||
color: $white !important;
|
||||
&:hover {
|
||||
background: $bg50;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.issue.list {
|
||||
.item {
|
||||
border-bottom: 1px dashed $bg70;
|
||||
.label {
|
||||
background: $white;
|
||||
color: $bg60;
|
||||
}
|
||||
.title {
|
||||
border-bottom: 1px solid transparent;
|
||||
color: $white;
|
||||
transition: border .2s, color .2s;
|
||||
&:hover {
|
||||
border-bottom: 1px solid $red;
|
||||
color: $red;
|
||||
}
|
||||
}
|
||||
.desc {
|
||||
color: $white-dark;
|
||||
a.milestone {
|
||||
color: $white !important;
|
||||
&:hover {
|
||||
color: $red !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include issue-list;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Reference in a new issue