src/widgets/ImageDisplay.module.css
changeset 1072 ac1eacb3aa33
parent 1068 7623f9af9272
equal deleted inserted replaced
1071:02c04d2c8fd8 1072:ac1eacb3aa33
       
     1 .Ldt-ImageDisplay-Container {
       
     2     width: 100%;
       
     3     height: 100%;
       
     4     background-color: white;
       
     5     background-repeat: no-repeat;
       
     6     background-position: center;
       
     7     background-size: contain;
       
     8 }
       
     9 
       
    10 .Ldt-ImageDisplay-Image {
       
    11     max-width: 100%;
       
    12     max-height: 100%;
       
    13 }
       
    14 
       
    15 .Ldt-ImageDisplay-Overlay {
       
    16     width: 30%;
       
    17     min-width: 20px;
       
    18     height: 100%;
       
    19     opacity: 0.1;
       
    20     position: absolute;
       
    21     top: 0px;
       
    22     bottom: 0px;
       
    23 }
       
    24 
       
    25 .Ldt-ImageDisplay-Overlay:hover {
       
    26 }
       
    27 
       
    28 .Ldt-ImageDisplay-Overlay-Left {
       
    29     left: 0px;
       
    30     cursor: url(img/left_arrow.svg) 20 20, pointer;
       
    31 }
       
    32 
       
    33 .Ldt-ImageDisplay-Overlay-Right {
       
    34     right: 0px;
       
    35     cursor: url(img/right_arrow.svg) 20 20, pointer;
       
    36 }