client/src/components/Session.scss
author salimr <riwad.salim@yahoo.fr>
Mon, 08 Oct 2018 04:09:19 +0200
changeset 161 a642639dbc07
child 172 4b780ebbedc6
permissions -rw-r--r--
Split scss files and adapt session page design
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
161
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     1
@import 'bootstrap/scss/functions';
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     2
@import 'bootstrap/scss/variables';
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     3
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     4
  .session-container {
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     5
    position: absolute;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     6
    top: 4rem;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     7
    bottom: 0;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     8
    left: 0;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     9
    right: 0;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    10
    display: flex;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    11
    flex-direction: column;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    12
    // justify-content: flex-end;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    13
    justify-content: flex;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    14
    overflow-y: hidden;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    15
    .session-notes {
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    16
        overflow-y: hidden;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    17
        width: 100%;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    18
        display: flex;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    19
        flex: 1;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    20
        > * {
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    21
            padding-left: ($grid-gutter-width / 2);
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    22
            padding-right: ($grid-gutter-width / 2);
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    23
        }
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    24
         .notes-affix {
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    25
             min-width: 17%;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    26
             max-width: 17%;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    27
             > *:first-child {
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    28
                 max-height: calc(100%);
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    29
                 overflow-y: auto;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    30
             }
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    31
        }
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    32
        .notes-list {
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    33
            width: 100%;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    34
            overflow-y: auto;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    35
            overflow-x: hidden;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    36
        }
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    37
    }
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    38
}