aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/search/search.component.scss
diff options
context:
space:
mode:
authorKim <1877318+kimsible@users.noreply.github.com>2020-04-27 14:57:50 +0200
committerGitHub <noreply@github.com>2020-04-27 14:57:50 +0200
commit4682468d4d07e0864155dd2b403d93754786ea13 (patch)
treeb45c7ea139b20e2fcffdeb3a00e1b1b431b5d7a3 /client/src/app/search/search.component.scss
parent9181bc0c802bb84aeae9f07b08b59dcd90f486bc (diff)
downloadPeerTube-4682468d4d07e0864155dd2b403d93754786ea13.tar.gz
PeerTube-4682468d4d07e0864155dd2b403d93754786ea13.tar.zst
PeerTube-4682468d4d07e0864155dd2b403d93754786ea13.zip
Fix broken views on mobile and small screens (#2671)
* Fix mobile CSS for my-account-settings * Fix mobile CSS for my-account-videos * Fix mobile CSS my-account-video-channels * Fix mobile CSS for my-account-playlists * Fix CSS mobile for user-subscriptions header * Fix CSS mobile my-account-video-channel-edit * Fix CSS mobile / small view for textarea * Fix margin-right my-delete-button on inside span * Fix CSS mobile on accounts page * Fix indent * Fix CSS mobile for my-account-notifications * Fix CSS mobile / small view my-account-videos * Fix search small-view channels * Use miniature width for title of video on mobile * Add dots to ellipsis multilines * Fix controls and title video width small views * Fix my-account-playlist small and mobile views * Fix channels header + account header mobile * Fix CSS mobile/small view for my-account/subscriptions * Fix align followers channel item * Center header elements user account page on mobile * Fix margins on a element and img * Fix margin img channel or video Co-Authored-By: Rigel Kent <par@rigelk.eu> Co-authored-by: kimsible <kimsible@users.noreply.github.com> Co-authored-by: Rigel Kent <par@rigelk.eu>
Diffstat (limited to 'client/src/app/search/search.component.scss')
-rw-r--r--client/src/app/search/search.component.scss48
1 files changed, 28 insertions, 20 deletions
diff --git a/client/src/app/search/search.component.scss b/client/src/app/search/search.component.scss
index d4d8bbcf7..641647e2e 100644
--- a/client/src/app/search/search.component.scss
+++ b/client/src/app/search/search.component.scss
@@ -82,11 +82,35 @@
82} 82}
83 83
84@media screen and (max-width: $small-view) { 84@media screen and (max-width: $small-view) {
85 .video-channel-names { 85 .search-result {
86 flex-direction: column !important; 86 .entry.video-channel,
87 .entry.video {
88 flex-direction: column;
89 height: auto;
90 justify-content: center;
91 align-items: center;
92 text-align: center;
93
94 img {
95 margin: 0;
96 }
97
98 img {
99 margin: 0;
100 }
87 101
88 .video-channel-name { 102 .video-channel-info .video-channel-names {
89 margin-left: 0 !important; 103 align-items: center;
104 flex-direction: column !important;
105
106 .video-channel-name {
107 margin-left: 0 !important;
108 }
109 }
110
111 my-subscribe-button {
112 margin-top: 5px;
113 }
90 } 114 }
91 } 115 }
92} 116}
@@ -100,12 +124,6 @@
100 } 124 }
101 125
102 .entry { 126 .entry {
103 flex-direction: column;
104 height: auto;
105 justify-content: center;
106 align-items: center;
107 text-align: center;
108
109 &.video { 127 &.video {
110 .video-info-name, 128 .video-info-name,
111 .video-info-account { 129 .video-info-account {
@@ -126,16 +144,6 @@
126 } 144 }
127 } 145 }
128 } 146 }
129
130 &.video-channel {
131 .video-channel-info .video-channel-names {
132 align-items: center;
133 }
134
135 my-subscribe-button {
136 margin-top: 5px;
137 }
138 }
139 } 147 }
140 } 148 }
141} 149}