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