mirror of
https://github.com/documize/community.git
synced 2025-08-04 21:15:24 +02:00
Per space label, icon, description
Labels introduce visual grouping and filtering of spaces.
This commit is contained in:
parent
fe8068965c
commit
a211ba051a
106 changed files with 3280 additions and 1008 deletions
|
@ -31,6 +31,10 @@
|
|||
color: $color-black-light-3;
|
||||
}
|
||||
|
||||
> .form-field {
|
||||
margin: 10px 0 5px 0;
|
||||
}
|
||||
|
||||
> .label {
|
||||
@include border-radius(3px);
|
||||
@extend .no-select;
|
||||
|
@ -90,6 +94,82 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .tabs {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> .tab {
|
||||
margin: 20px 0;
|
||||
padding: 10px 10px;
|
||||
@include border-radius(3px);
|
||||
background-color: $color-white;
|
||||
border: 1px solid map-get($gray-shades, 200);
|
||||
cursor: pointer;
|
||||
|
||||
> .icon {
|
||||
display: inline-block;
|
||||
font-size: 24px;
|
||||
color: map-get($gray-shades, 700);
|
||||
margin: 0 10px 0 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
> .text {
|
||||
display: inline-block;
|
||||
|
||||
> .title {
|
||||
display: block;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
> .desc {
|
||||
display: block;
|
||||
margin: 5px 0 5px 0;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
color: map-get($gray-shades, 700);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> .icon {
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
> .text {
|
||||
> .title {
|
||||
color: map-get($gray-shades, 900);
|
||||
}
|
||||
|
||||
> .desc {
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .selected, > .selected:hover {
|
||||
background-color: map-get($yellow-shades, 200);
|
||||
border: 1px solid map-get($yellow-shades, 300);
|
||||
|
||||
> .icon {
|
||||
color: map-get($yellow-shades, 700);
|
||||
}
|
||||
|
||||
> .text {
|
||||
> .title {
|
||||
color: map-get($yellow-shades, 800);
|
||||
}
|
||||
|
||||
> .desc {
|
||||
color: map-get($yellow-shades, 700);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.empty-label {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue