client/src/components/SessionList.scss
author ymh <ymh.work@gmail.com>
Mon, 03 Dec 2018 17:53:37 +0100
changeset 190 01ad654237d5
parent 172 4b780ebbedc6
permissions -rw-r--r--
Correct color background display in session summary
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
160
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
     1
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
     2
.session-count {
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
     3
    font-size: 2rem;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
     4
    z-index: -1;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
     5
}
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
     6
172
4b780ebbedc6 - Upgrade libraries
ymh <ymh.work@gmail.com>
parents: 160
diff changeset
     7
.sessions{
151
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
     8
    cursor: pointer;
144
8b950885ddae Add local font and assets. Override Bootstrap css varriables. Add specific css files
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     9
}
8b950885ddae Add local font and assets. Override Bootstrap css varriables. Add specific css files
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
    10
154
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    11
#delete {
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    12
    // opacity: 0;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    13
    // display: none;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    14
    -webkit-transition: .5s all;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    15
    -webkit-transition-delay: 5s;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    16
    -moz-transition: .5s all;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    17
    -moz-transition-delay: 5s;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    18
    -ms-transition: .5s all;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    19
    -ms-transition-delay: 5s;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    20
    -o-transition: .5s all;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    21
    -o-transition-delay: 5s;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    22
    transition: .5s all;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    23
    transition-delay: 5s;
147
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    24
160
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    25
    &:hover {
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    26
        // opacity: 1;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    27
        display: inline-block;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    28
        -webkit-transition-delay: 0s;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    29
        -moz-transition-delay: 0s;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    30
        -ms-transition-delay: 0s;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    31
        -o-transition-delay: 0s;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    32
        transition-delay: 0s;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    33
    }
154
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    34
}
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    35
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    36
.sessions:hover ~ #delete {
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    37
    // opacity: 1;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    38
    display: inline-block;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    39
    -webkit-transition-delay: 0s;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    40
    -moz-transition-delay: 0s;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    41
    -ms-transition-delay: 0s;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    42
    -o-transition-delay: 0s;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    43
    transition-delay: 0s;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    44
}
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    45
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    46
.sessions:hover {
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    47
    opacity: .7;
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    48
}
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    49
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    50
160
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    51
span.session {
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    52
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    53
    &-title {
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    54
    font-size: 1.3rem;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    55
    white-space: pre-wrap;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    56
    overflow-wrap: break-word;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    57
    }
147
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    58
160
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    59
    &-date {
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    60
        font-size: .9rem;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    61
    }
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    62
160
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    63
    &-description {
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    64
        font-size: .9rem;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    65
        white-space: pre-wrap;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    66
        overflow-wrap: break-word;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    67
    }
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    68
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    69
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    70
.delete{
160
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    71
    font-size: 1rem;
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    72
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    73
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    74
#delete-session-modal{
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    75
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    76
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    77
        -ms-animation: fadein 0.5s; /* Internet Explorer */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    78
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    79
            animation: fadein 0.5s;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    80
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    81
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    82
@keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    83
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    84
    to   { opacity: 1; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    85
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    86
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    87
/* Firefox < 16 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    88
@-moz-keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    89
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    90
    to   { opacity: 1; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    91
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    92
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    93
/* Safari, Chrome and Opera > 12.1 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    94
@-webkit-keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    95
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    96
    to   { opacity: 1; }
147
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    97
}
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    98
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    99
/* Internet Explorer */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   100
@-ms-keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   101
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   102
    to   { opacity: 1; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   103
}
147
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
   104
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   105
/* Opera < 12.1 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   106
@-o-keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   107
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   108
    to   { opacity: 1; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   109
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   110
160
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   111
#delete-session {
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   112
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   113
    &-modal-button {
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   114
        font-size: .9rem;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   115
    }
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   116
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   117
    &-close-modal-button {
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   118
        background-color: transparent;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   119
        border: transparent;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   120
        color: rgba(#769FED, .4);
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   121
        cursor: pointer;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   122
    }
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   123
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   124
    &-close-modal-button:hover {
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   125
        background-color: transparent;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   126
        border: transparent;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   127
        color:black;
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   128
    }
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   129
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   130
160
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   131
.modal-text {
183b128a4189 Change sessions list disposition and add sessions number
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
   132
    font-size: 1rem;
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   133
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   134