aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/header/header.component.scss
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-02-03 14:04:42 +0100
committerRigel Kent <sendmemail@rigelk.eu>2020-02-13 16:32:58 +0100
commit52cc0d54850e0acf069d2f95d063826f16ff5238 (patch)
treefb7450bc09fc5aa34c480bd197407c4881b85299 /client/src/app/header/header.component.scss
parent6af662a5961b48ac12682df2b8b971060a2cc67d (diff)
downloadPeerTube-52cc0d54850e0acf069d2f95d063826f16ff5238.tar.gz
PeerTube-52cc0d54850e0acf069d2f95d063826f16ff5238.tar.zst
PeerTube-52cc0d54850e0acf069d2f95d063826f16ff5238.zip
Gracefully downsize search bar for mobile devices
Diffstat (limited to 'client/src/app/header/header.component.scss')
-rw-r--r--client/src/app/header/header.component.scss12
1 files changed, 0 insertions, 12 deletions
diff --git a/client/src/app/header/header.component.scss b/client/src/app/header/header.component.scss
index b602cf0a8..2f0a407fc 100644
--- a/client/src/app/header/header.component.scss
+++ b/client/src/app/header/header.component.scss
@@ -14,14 +14,6 @@ my-search-typeahead {
14 &::placeholder { 14 &::placeholder {
15 color: var(--inputPlaceholderColor); 15 color: var(--inputPlaceholderColor);
16 } 16 }
17
18 @media screen and (max-width: 800px) {
19 width: calc(100% - 150px);
20 }
21
22 @media screen and (max-width: 600px) {
23 width: calc(100% - 70px);
24 }
25} 17}
26 18
27.icon.icon-search { 19.icon.icon-search {
@@ -45,10 +37,6 @@ my-search-typeahead {
45 color: var(--mainBackgroundColor) !important; 37 color: var(--mainBackgroundColor) !important;
46 margin-right: 25px; 38 margin-right: 25px;
47 39
48 @media screen and (max-width: 800px) {
49 margin-right: 0;
50 }
51
52 @media screen and (max-width: 600px) { 40 @media screen and (max-width: 600px) {
53 margin-right: 10px; 41 margin-right: 10px;
54 padding: 0 10px; 42 padding: 0 10px;