aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-09-05 11:42:13 +0200
committerChocobozzz <me@florianbigard.com>2018-09-05 11:42:13 +0200
commitc182527a6c6e01bd5cd32b212026c3176ecbe63d (patch)
tree800a86b3addf9cdef443e0a85d1cd24b7dcf5a8d /client/src/app
parentd77433a8a698949cbe14c1b96745d1d7633d8d77 (diff)
downloadPeerTube-c182527a6c6e01bd5cd32b212026c3176ecbe63d.tar.gz
PeerTube-c182527a6c6e01bd5cd32b212026c3176ecbe63d.tar.zst
PeerTube-c182527a6c6e01bd5cd32b212026c3176ecbe63d.zip
Fix channels search on mobile
Diffstat (limited to 'client/src/app')
-rw-r--r--client/src/app/search/search.component.scss64
1 files changed, 43 insertions, 21 deletions
diff --git a/client/src/app/search/search.component.scss b/client/src/app/search/search.component.scss
index 67b2094b0..3e074621b 100644
--- a/client/src/app/search/search.component.scss
+++ b/client/src/app/search/search.component.scss
@@ -132,39 +132,61 @@
132 } 132 }
133} 133}
134 134
135@media screen and (max-width: 800px) { 135@media screen and (max-width: $small-view) {
136 .search-result { 136 .video-channel-names {
137 padding: 20px 10px; 137 flex-direction: column !important;
138 }
139 138
140 .results-header { 139 .video-channel-name {
141 font-size: 15px !important; 140 margin-left: 0 !important;
141 }
142 } 142 }
143}
143 144
144 .entry { 145@media screen and (max-width: $mobile-view) {
145 flex-direction: column; 146 .search-result {
146 height: auto; 147 padding: 20px 10px;
147 text-align: center;
148 148
149 &.video { 149 .results-header {
150 .video-info-name, 150 font-size: 15px !important;
151 .video-info-account { 151 }
152 margin: auto;
153 }
154 152
155 my-video-thumbnail { 153 .entry {
156 margin-right: 0 !important; 154 flex-direction: column;
155 height: auto;
156 justify-content: center;
157 align-items: center;
158 text-align: center;
159
160 &.video {
161 .video-info-name,
162 .video-info-account {
163 margin: auto;
164 }
157 165
158 /deep/ .video-thumbnail { 166 my-video-thumbnail {
159 width: 100%; 167 margin-right: 0 !important;
160 height: auto;
161 168
162 img { 169 /deep/ .video-thumbnail {
163 width: 100%; 170 width: 100%;
164 height: auto; 171 height: auto;
172
173 img {
174 width: 100%;
175 height: auto;
176 }
165 } 177 }
166 } 178 }
167 } 179 }
180
181 &.video-channel {
182 .video-channel-info .video-channel-names {
183 align-items: center;
184 }
185
186 my-subscribe-button {
187 margin-top: 5px;
188 }
189 }
168 } 190 }
169 } 191 }
170} 192}