client/src/components/SessionList.scss
author salimr <riwad.salim@yahoo.fr>
Fri, 31 Aug 2018 15:14:18 +0200
changeset 151 57d63a248f0d
parent 150 97536386b397
child 154 a28361bda28c
permissions -rw-r--r--
Update to Bootstrap 4
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
     1
.top-fade {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
     2
    width: max-content;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
     3
    height: 80px;
147
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
     4
}
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
     5
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
     6
a.sessions{
151
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
     7
    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
     8
}
8b950885ddae Add local font and assets. Override Bootstrap css varriables. Add specific css files
salimr <riwad.salim@yahoo.fr>
parents:
diff changeset
     9
147
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    10
.session {
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    11
    padding-top: 5%;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    12
    padding-bottom: 1%;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    13
    padding-left: 5%;
147
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    14
}
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    15
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    16
span.session-title {
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    17
    font-size: 20px;
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    18
    font-weight: 600;
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    19
}
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    20
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    21
span.session-description {
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    22
    font-size: 12px;
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    23
    font-weight: 500
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    24
}
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    25
span.session-date {
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    26
    font-size: 13px;
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    27
    font-weight: 700;
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    28
}
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    29
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    30
#toggle-edit {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    31
    padding-top:-20%;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    32
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    33
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    34
.edit{
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    35
    font-size: 17px;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    36
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    37
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    38
.delete{
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    39
    font-size: 16px;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    40
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    41
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    42
#delete-session-modal{
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    43
    padding-top: 2%;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    44
    margin-top: 30%;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    45
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    46
    -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
    47
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    48
        -ms-animation: fadein 0.5s; /* Internet Explorer */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    49
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    50
            animation: fadein 0.5s;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    51
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    52
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    53
@keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    54
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    55
    to   { opacity: 1; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    56
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    57
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    58
/* Firefox < 16 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    59
@-moz-keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    60
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    61
    to   { opacity: 1; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    62
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    63
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    64
/* Safari, Chrome and Opera > 12.1 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    65
@-webkit-keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    66
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    67
    to   { opacity: 1; }
147
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    68
}
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    69
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    70
/* Internet Explorer */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    71
@-ms-keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    72
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    73
    to   { opacity: 1; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    74
}
147
a2e61192db50 Adapt session list display in css
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    75
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    76
/* Opera < 12.1 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    77
@-o-keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    78
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    79
    to   { opacity: 1; }
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
#delete-session-close-modal-button{
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    83
    margin-top: -2.5%;
151
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    84
    margin-left: 92%;
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    85
    background-color: transparent;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    86
    border: transparent;
151
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    87
    color: rgba(#769FED, .4);
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    88
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    89
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    90
#delete-session-close-modal-button:hover{
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    91
    background-color: transparent;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    92
    border: transparent;
151
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    93
    color:black;
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    94
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    95
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    96
.modal-text{
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    97
    margin-top: 10%;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    98
    font-size: 16px;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
    99
    font-weight: 500;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   100
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   101
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   102
#delete-session-modal-button {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   103
    padding: 1.5%;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   104
    margin-top: 5%;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   105
    margin-right: 40%;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   106
    width: 20%;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   107
    font-size: 14px;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 147
diff changeset
   108
}