client/src/components/Navbar.scss
author salimr <riwad.salim@yahoo.fr>
Tue, 09 Oct 2018 19:07:47 +0200
changeset 167 1f340f3597a8
parent 161 a642639dbc07
child 168 ea92f4fe783d
permissions -rw-r--r--
Adapt css for CreateSession and Navbar components
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
167
1f340f3597a8 Adapt css for CreateSession and Navbar components
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
     1
.offline-message {
1f340f3597a8 Adapt css for CreateSession and Navbar components
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
     2
    font-size: .9rem;
1f340f3597a8 Adapt css for CreateSession and Navbar components
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
     3
}
1f340f3597a8 Adapt css for CreateSession and Navbar components
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
     4
130
78246db1cbac make synchronization recurent, improve synchronization status display
ymh <ymh.work@gmail.com>
parents:
diff changeset
     5
.sync-button-synchronizing {
144
8b950885ddae Add local font and assets. Override Bootstrap css varriables. Add specific css files
salimr <riwad.salim@yahoo.fr>
parents: 130
diff changeset
     6
    color: lightgreen;
130
78246db1cbac make synchronization recurent, improve synchronization status display
ymh <ymh.work@gmail.com>
parents:
diff changeset
     7
}
78246db1cbac make synchronization recurent, improve synchronization status display
ymh <ymh.work@gmail.com>
parents:
diff changeset
     8
78246db1cbac make synchronization recurent, improve synchronization status display
ymh <ymh.work@gmail.com>
parents:
diff changeset
     9
.sync-button-not-synchronized {
144
8b950885ddae Add local font and assets. Override Bootstrap css varriables. Add specific css files
salimr <riwad.salim@yahoo.fr>
parents: 130
diff changeset
    10
    color: white;
8b950885ddae Add local font and assets. Override Bootstrap css varriables. Add specific css files
salimr <riwad.salim@yahoo.fr>
parents: 130
diff changeset
    11
}
8b950885ddae Add local font and assets. Override Bootstrap css varriables. Add specific css files
salimr <riwad.salim@yahoo.fr>
parents: 130
diff changeset
    12
151
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    13
.username#navbarDropdown {
167
1f340f3597a8 Adapt css for CreateSession and Navbar components
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    14
    font-size: 1.4rem;
148
fcce52a159bc remove react-bootstrap
ymh <ymh.work@gmail.com>
parents: 146
diff changeset
    15
}
144
8b950885ddae Add local font and assets. Override Bootstrap css varriables. Add specific css files
salimr <riwad.salim@yahoo.fr>
parents: 130
diff changeset
    16
151
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    17
.nav-link {
167
1f340f3597a8 Adapt css for CreateSession and Navbar components
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    18
    font-size: 1.2rem;
144
8b950885ddae Add local font and assets. Override Bootstrap css varriables. Add specific css files
salimr <riwad.salim@yahoo.fr>
parents: 130
diff changeset
    19
}
8b950885ddae Add local font and assets. Override Bootstrap css varriables. Add specific css files
salimr <riwad.salim@yahoo.fr>
parents: 130
diff changeset
    20
151
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    21
.dropdown-toggle{
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    22
    cursor: pointer;
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    23
}
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    24
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    25
.dropdown-item {
167
1f340f3597a8 Adapt css for CreateSession and Navbar components
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    26
    font-size: 1.1rem;
151
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    27
    cursor: pointer;
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    28
}
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    29
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    30
#group-menu-scroll-down {
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    31
    height: auto;
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    32
    max-height: 800%;
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    33
    overflow-y: scroll;
144
8b950885ddae Add local font and assets. Override Bootstrap css varriables. Add specific css files
salimr <riwad.salim@yahoo.fr>
parents: 130
diff changeset
    34
}
8b950885ddae Add local font and assets. Override Bootstrap css varriables. Add specific css files
salimr <riwad.salim@yahoo.fr>
parents: 130
diff changeset
    35
151
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    36
.create-group {
167
1f340f3597a8 Adapt css for CreateSession and Navbar components
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    37
    font-size: .9rem;
151
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    38
}
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    39
154
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    40
.nav-link .dropdown-toggle .username .font-weight-bold {
167
1f340f3597a8 Adapt css for CreateSession and Navbar components
salimr <riwad.salim@yahoo.fr>
parents: 161
diff changeset
    41
    font-size: 1.1rem;
146
4f4bb2b3ef39 Removing Modal from react-bootstrap and adding react-modal
salimr <riwad.salim@yahoo.fr>
parents: 144
diff changeset
    42
}
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    43
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    44
#logout-modal{
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    45
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    46
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    47
        -ms-animation: fadein 0.5s; /* Internet Explorer */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    48
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    49
            animation: fadein 0.5s;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    50
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    51
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    52
@keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    53
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    54
    to   { opacity: 1; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    55
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    56
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    57
/* Firefox < 16 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    58
@-moz-keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    59
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    60
    to   { opacity: 1; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    61
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    62
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    63
/* Safari, Chrome and Opera > 12.1 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    64
@-webkit-keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    65
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    66
    to   { opacity: 1; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    67
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    68
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    69
/* Internet Explorer */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    70
@-ms-keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    71
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    72
    to   { opacity: 1; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    73
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    74
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    75
/* Opera < 12.1 */
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    76
@-o-keyframes fadein {
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    77
    from { opacity: 0; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    78
    to   { opacity: 1; }
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    79
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    80
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    81
#logout-close-modal-button{
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    82
    background-color: transparent;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    83
    border: transparent;
151
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    84
    color: rgba(#769FED, .4);
154
a28361bda28c Adapt all css classes with Bootstrap 4 Utilities
salimr <riwad.salim@yahoo.fr>
parents: 151
diff changeset
    85
    cursor: pointer;
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    86
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    87
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    88
#logout-close-modal-button:hover{
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    89
    background-color: transparent;
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    90
    border: transparent;
151
57d63a248f0d Update to Bootstrap 4
salimr <riwad.salim@yahoo.fr>
parents: 150
diff changeset
    91
    color:black;
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    92
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    93
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    94
.modal-warning{
161
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    95
    font-size: 4rem;
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    96
}
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    97
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
    98
#logout-modal-button {
161
a642639dbc07 Split scss files and adapt session page design
salimr <riwad.salim@yahoo.fr>
parents: 154
diff changeset
    99
    font-size: .9rem;
150
97536386b397 Improve Modals display and sessions list
salimr <riwad.salim@yahoo.fr>
parents: 148
diff changeset
   100
}