client/src/components/Session.scss
changeset 172 4b780ebbedc6
parent 161 a642639dbc07
child 174 ac1a026edd58
equal deleted inserted replaced
171:03334a31130a 172:4b780ebbedc6
     1 @import 'bootstrap/scss/functions';
     1 @import 'bootstrap/scss/functions';
     2 @import 'bootstrap/scss/variables';
     2 @import 'bootstrap/scss/variables';
     3 
     3 
     4   .session-container {
     4 .session-container {
     5     position: absolute;
     5 position: absolute;
     6     top: 4rem;
     6 top: 4rem;
     7     bottom: 0;
     7 bottom: 0;
     8     left: 0;
     8 left: 0;
     9     right: 0;
     9 right: 0;
    10     display: flex;
    10 display: flex;
    11     flex-direction: column;
    11 flex-direction: column;
    12     // justify-content: flex-end;
    12 // justify-content: flex-end;
    13     justify-content: flex;
    13 justify-content: flex;
    14     overflow-y: hidden;
    14 overflow-y: hidden;
    15     .session-notes {
    15     .session-notes {
    16         overflow-y: hidden;
    16         overflow-y: hidden;
    17         width: 100%;
    17         width: 100%;
    18         display: flex;
    18         display: flex;
    19         flex: 1;
    19         flex: 1;
    20         > * {
    20         > * {
    21             padding-left: ($grid-gutter-width / 2);
    21             padding-left: ($grid-gutter-width / 2);
    22             padding-right: ($grid-gutter-width / 2);
    22             padding-right: ($grid-gutter-width / 2);
    23         }
    23         }
    24          .notes-affix {
    24             .notes-affix {
    25              min-width: 17%;
    25                 min-width: 17%;
    26              max-width: 17%;
    26                 max-width: 17%;
    27              > *:first-child {
    27                 > *:first-child {
    28                  max-height: calc(100%);
    28                     max-height: calc(100%);
    29                  overflow-y: auto;
    29                     overflow-y: auto;
    30              }
    30                 }
    31         }
    31         }
    32         .notes-list {
    32         .notes-list {
    33             width: 100%;
    33             width: 100%;
    34             overflow-y: auto;
    34             overflow-y: auto;
    35             overflow-x: hidden;
    35             overflow-x: hidden;