aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/bootstrap.scss
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-05-03 23:01:57 +0200
committerRigel Kent <par@rigelk.eu>2020-05-04 15:01:44 +0200
commit25a42e293be90d35afad2096e9db2fa3d617d855 (patch)
tree5739da8e2aed75447cf0fd608089cc8849c0da33 /client/src/sass/bootstrap.scss
parent801d957155d574bda984206021cdd1fe58ef56b9 (diff)
downloadPeerTube-25a42e293be90d35afad2096e9db2fa3d617d855.tar.gz
PeerTube-25a42e293be90d35afad2096e9db2fa3d617d855.tar.zst
PeerTube-25a42e293be90d35afad2096e9db2fa3d617d855.zip
Fix rowsPerPage change, add filter clear button, update video-abuse-list search query param dynamically
Diffstat (limited to 'client/src/sass/bootstrap.scss')
-rw-r--r--client/src/sass/bootstrap.scss41
1 files changed, 36 insertions, 5 deletions
diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index 50f1dafed..cb266cc68 100644
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -27,7 +27,7 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
27} 27}
28 28
29/* rules for dropdowns excepts when in button group, to avoid impacting the dropdown-toggle */ 29/* rules for dropdowns excepts when in button group, to avoid impacting the dropdown-toggle */
30.dropdown:not(.btn-group):not(.dropdown-root):not(.action-dropdown) { 30.dropdown:not(.btn-group):not(.dropdown-root):not(.action-dropdown):not(.input-group-prepend) {
31 z-index: z(dropdown) !important; 31 z-index: z(dropdown) !important;
32 32
33 &.list-overflow-menu, 33 &.list-overflow-menu,
@@ -270,10 +270,9 @@ ngb-tooltip-window {
270 & > .form-control { 270 & > .form-control {
271 flex: initial; 271 flex: initial;
272 } 272 }
273 273 input.form-control {
274 .input-group-prepend, 274 width: unset !important;
275 .input-group-append { 275 flex-grow: 1;
276 height: 30px;
277 } 276 }
278 277
279 .input-group-prepend + input { 278 .input-group-prepend + input {
@@ -281,3 +280,35 @@ ngb-tooltip-window {
281 border-bottom-left-radius: 0 !important; 280 border-bottom-left-radius: 0 !important;
282 } 281 }
283} 282}
283
284.has-feedback.has-clear {
285 position: relative;
286
287 input {
288 padding-right: 1.5rem !important;
289 }
290
291 .form-control-clear {
292 color: rgba(0, 0, 0, 0.4);
293 /*
294 * Enable pointer events as they have been disabled since Bootstrap 3.3
295 * See https://github.com/twbs/bootstrap/pull/14104
296 */
297 pointer-events: all;
298 display: flex;
299 justify-content: center;
300 align-items: center;
301 position: absolute;
302 right: .5rem;
303 height: 95%;
304
305 &:hover {
306 color: rgba(0, 0, 0, 0.7);
307 cursor: pointer;
308 }
309 }
310
311 input:placeholder-shown + .form-control-clear {
312 display: none;
313 }
314}