client/src/components/SessionList.scss
author ymh <ymh.work@gmail.com>
Fri, 30 Nov 2018 10:53:15 +0100
changeset 183 f8f3af9e5c83
parent 172 4b780ebbedc6
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:
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