Mercurial > hg > orthanc-stone
comparison Applications/StoneWebViewer/Resources/Styles/tb-group.scss @ 1538:d1806b4e4839
moving OrthancStone/Samples/ as Applications/Samples/
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Tue, 11 Aug 2020 13:24:38 +0200 |
parents | StoneWebViewer/Resources/Styles/tb-group.scss@fb74ed5d8c22 |
children |
comparison
equal
deleted
inserted
replaced
1537:de8cf5859e84 | 1538:d1806b4e4839 |
---|---|
1 .tbGroup{ | |
2 position:relative; | |
3 } | |
4 .tbGroup__buttons--base, | |
5 %tbGroup__buttons--base{ | |
6 z-index: 5; | |
7 background-color: black; | |
8 position: absolute; | |
9 } | |
10 | |
11 .tbGroup__buttons--bottom{ | |
12 @extend .tbGroup__buttons--base; | |
13 right:0; // let the element at it's initial position but align him in right (natural position is below the toggl button element) | |
14 display:block; | |
15 } | |
16 .tbGroup__buttons--left{ | |
17 @extend .tbGroup__buttons--base; | |
18 right:100%; | |
19 top:0; | |
20 display:block; | |
21 } | |
22 .tbGroup__icon{ | |
23 display:block; | |
24 position: absolute; | |
25 bottom:0; | |
26 left:0; | |
27 | |
28 width: 0; | |
29 height: 0; | |
30 border-style: solid; | |
31 border-width: 10px 0 0 10px; | |
32 border-color: transparent transparent transparent rgba(255,255,255,0.1); | |
33 &.active{ | |
34 border-color: transparent transparent transparent $primary; | |
35 } | |
36 } |