view Applications/StoneWebViewer/Resources/Styles/tb-group.scss @ 1923:f4cdcba8c32a

sync
author Sebastien Jodogne <s.jodogne@gmail.com>
date Tue, 22 Mar 2022 17:39:19 +0100
parents d1806b4e4839
children
line wrap: on
line source

.tbGroup{
    position:relative;
}
.tbGroup__buttons--base,
%tbGroup__buttons--base{
    z-index: 5;
    background-color: black;
    position: absolute;
}

.tbGroup__buttons--bottom{
    @extend .tbGroup__buttons--base;
    right:0;  // let the element at it's initial position but align him in right (natural position is below the toggl button element)
    display:block;
}
.tbGroup__buttons--left{
    @extend .tbGroup__buttons--base;
    right:100%;
    top:0;
    display:block;
}
.tbGroup__icon{
    display:block;
    position: absolute;
    bottom:0;
    left:0;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent rgba(255,255,255,0.1);
    &.active{
        border-color: transparent transparent transparent $primary;
    }
}