client/src/components/Note.scss
author ymh <ymh.work@gmail.com>
Fri, 30 Nov 2018 10:53:15 +0100
changeset 183 f8f3af9e5c83
parent 166 950a2350930f
permissions -rw-r--r--
Change the settings to avoid using Session authentication for rest framework as it raise exceptions in case client and backend are on the same domain On the filter, adapt to take into account new version of django_filters
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
}