client/src/components/Note.scss
author ymh <ymh.work@gmail.com>
Mon, 08 Oct 2018 18:35:47 +0200
changeset 168 ea92f4fe783d
parent 166 950a2350930f
permissions -rw-r--r--
- move SlateEditor and dependencies to its own folder - remove Immutable - remove redux-persist-immutable - remobe redux-immutable - update libraries - added tests on store manipulations (accessor and reducers)
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
.note {
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     5
    min-width: 95%;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     6
    display: flex;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     7
    position: relative;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     8
    white-space: pre-wrap;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     9
    overflow-wrap: break-word;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    10
    cursor: pointer;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    11
    min-height: ($line-height-base * 4);
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    12
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    13
    &:before {
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    14
        content: "";
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    15
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    16
        position: absolute;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    17
        top: 0;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    18
        bottom: 0;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    19
        z-index: -1;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    20
        display: block;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    21
        width: 2px;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    22
    }
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
    &:hover {
166
950a2350930f Add css to Note component
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    25
        color: darkgray;
161
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    26
        border-bottom-color: black;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    27
    }
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    28
166
950a2350930f Add css to Note component
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    29
    &:hover .delete-icon {
950a2350930f Add css to Note component
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    30
        opacity: 1;
950a2350930f Add css to Note component
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    31
        color: black;
950a2350930f Add css to Note component
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    32
    }
950a2350930f Add css to Note component
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    33
161
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    34
    .start, .finish {
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    35
        position: absolute;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    36
        padding-right: 5rem;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    37
        font-size: .72rem;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    38
    }
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    39
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    40
    .start {
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    41
        top: 0;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    42
        left: 0;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    43
    }
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    44
    .finish {
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    45
        bottom: 0;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    46
        left: 0;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    47
    }
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    48
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    49
    &-content {
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    50
        min-width: 95%;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    51
        font-size: .8rem;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    52
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    53
        white-space: pre-wrap;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    54
        overflow-wrap: break-word;
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    55
    }
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    56
}
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    57
166
950a2350930f Add css to Note component
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    58
.delete-icon {
950a2350930f Add css to Note component
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    59
    font-size: 1.2rem;
950a2350930f Add css to Note component
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    60
    opacity: 0;
950a2350930f Add css to Note component
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    61
}