diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2020-02-05 20:54:37 +0100 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2020-02-13 10:25:22 +0100 |
commit | 24e7916c6897bbb38e057cdf1a102286006be964 (patch) | |
tree | 7621dd83d532ba04b725f4feeb902ccbdb6669ff /client/src/sass | |
parent | eb7c7a517902eae425b05d1ca9cb7f99f76ee71f (diff) | |
download | PeerTube-24e7916c6897bbb38e057cdf1a102286006be964.tar.gz PeerTube-24e7916c6897bbb38e057cdf1a102286006be964.tar.zst PeerTube-24e7916c6897bbb38e057cdf1a102286006be964.zip |
Add ListOverflow component to prevent sub-menu overflow
Diffstat (limited to 'client/src/sass')
-rw-r--r-- | client/src/sass/application.scss | 2 | ||||
-rw-r--r-- | client/src/sass/bootstrap.scss | 8 |
2 files changed, 5 insertions, 5 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index 995cc6025..e4840dd81 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss | |||
@@ -252,7 +252,7 @@ table { | |||
252 | padding-left: 50px; | 252 | padding-left: 50px; |
253 | 253 | ||
254 | .title-page { | 254 | .title-page { |
255 | font-size: 15px; | 255 | font-size: 17px; |
256 | } | 256 | } |
257 | } | 257 | } |
258 | } | 258 | } |
diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss index 2aca8c380..035270e89 100644 --- a/client/src/sass/bootstrap.scss +++ b/client/src/sass/bootstrap.scss | |||
@@ -30,8 +30,10 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/'; | |||
30 | .dropdown-item { | 30 | .dropdown-item { |
31 | padding: 3px 15px; | 31 | padding: 3px 15px; |
32 | 32 | ||
33 | &:active { | 33 | &.active { |
34 | color: #000 !important; | 34 | color: var(--mainBackgroundColor) !important; |
35 | background-color: var(--mainHoverColor); | ||
36 | opacity: .9; | ||
35 | } | 37 | } |
36 | } | 38 | } |
37 | 39 | ||
@@ -48,14 +50,12 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/'; | |||
48 | 50 | ||
49 | @media screen and (min-width: 768px) { | 51 | @media screen and (min-width: 768px) { |
50 | .modal:before { | 52 | .modal:before { |
51 | display: inline-block; | ||
52 | vertical-align: middle; | 53 | vertical-align: middle; |
53 | content: " "; | 54 | content: " "; |
54 | height: 100%; | 55 | height: 100%; |
55 | } | 56 | } |
56 | 57 | ||
57 | .modal-dialog { | 58 | .modal-dialog { |
58 | display: inline-block; | ||
59 | text-align: left; | 59 | text-align: left; |
60 | vertical-align: middle; | 60 | vertical-align: middle; |
61 | min-width: 500px; | 61 | min-width: 500px; |