diff options
Diffstat (limited to 'client/src/sass')
-rw-r--r-- | client/src/sass/application.scss | 42 |
1 files changed, 41 insertions, 1 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index 3c5a00309..e7b4024a7 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss | |||
@@ -89,7 +89,12 @@ label { | |||
89 | 89 | ||
90 | &:hover, &:active, &:focus { | 90 | &:hover, &:active, &:focus { |
91 | color: #000; | 91 | color: #000; |
92 | } | ||
92 | } | 93 | } |
94 | |||
95 | .admin-sub-title { | ||
96 | font-size: 20px; | ||
97 | font-weight: bold; | ||
93 | } | 98 | } |
94 | 99 | ||
95 | // On small screen, menu is absolute and displayed over the page | 100 | // On small screen, menu is absolute and displayed over the page |
@@ -132,7 +137,7 @@ label { | |||
132 | to { -moz-transform: rotate(360deg);} | 137 | to { -moz-transform: rotate(360deg);} |
133 | } | 138 | } |
134 | 139 | ||
135 | /* ngprime data table customizations */ | 140 | // ngprime data table customizations |
136 | p-datatable { | 141 | p-datatable { |
137 | .action-cell { | 142 | .action-cell { |
138 | text-align: center; | 143 | text-align: center; |
@@ -143,6 +148,7 @@ p-datatable { | |||
143 | } | 148 | } |
144 | } | 149 | } |
145 | 150 | ||
151 | // Bootstrap customizations | ||
146 | .dropdown-menu { | 152 | .dropdown-menu { |
147 | border-radius: 3px; | 153 | border-radius: 3px; |
148 | box-shadow: 0 3px 6px; | 154 | box-shadow: 0 3px 6px; |
@@ -167,6 +173,40 @@ p-datatable { | |||
167 | } | 173 | } |
168 | } | 174 | } |
169 | 175 | ||
176 | .nav { | ||
177 | margin-top: 10px; | ||
178 | font-size: 16px !important; | ||
179 | border: none !important; | ||
180 | |||
181 | .nav-item .nav-link { | ||
182 | height: 30px !important; | ||
183 | margin-right: 30px; | ||
184 | padding: 0 15px; | ||
185 | display: flex; | ||
186 | align-items: center; | ||
187 | border-radius: 3px; | ||
188 | border: none !important; | ||
189 | |||
190 | &, & a { | ||
191 | color: #000 !important; | ||
192 | } | ||
193 | |||
194 | &.active, &:hover { | ||
195 | background-color: #F0F0F0; | ||
196 | } | ||
197 | |||
198 | &.active { | ||
199 | font-weight: $font-semibold !important; | ||
200 | } | ||
201 | } | ||
202 | |||
203 | .tab-content { | ||
204 | min-height: 75px; | ||
205 | padding: 15px; | ||
206 | } | ||
207 | } | ||
208 | |||
209 | |||
170 | .orange-button { | 210 | .orange-button { |
171 | @include peertube-button; | 211 | @include peertube-button; |
172 | @include orange-button; | 212 | @include orange-button; |