projects
/
oweals
/
peertube.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
WIP : Indicate to users how "trending" works (#1458)
[oweals/peertube.git]
/
client
/
src
/
app
/
shared
/
video
/
abstract-video-list.scss
diff --git
a/client/src/app/shared/video/abstract-video-list.scss
b/client/src/app/shared/video/abstract-video-list.scss
index 0f0ff20f0bb3ccb97d80ec349cf96f4455bde15c..292ede698eb2c056932ef556eebfed856dd2a9fb 100644
(file)
--- a/
client/src/app/shared/video/abstract-video-list.scss
+++ b/
client/src/app/shared/video/abstract-video-list.scss
@@
-1,3
+1,5
@@
+@import '_mixins';
+
.videos {
text-align: center;
.videos {
text-align: center;
@@
-6,26
+8,31
@@
}
}
}
}
-@media screen and (max-width: 400px) and (min-resolution: 1.5dppx) {
- .videos {
- text-align: center;
+.videos-header {
+ display: flex;
+ height: 80px;
+ align-items: center;
- /deep/ .video-miniature {
- padding-right: 0;
- height: 215px;
- width: 100%;
+ .title-page.title-page-single {
+ margin: 0 5px 0 0;
+ }
- .video-miniature-information {
- width: 100%;
- }
+ my-feed {
+ display: inline-block;
+ top: 1px;
+ min-width: 60px;
+ }
- /deep/ .video-thumbnail {
- width: 100%;
+ .moderation-block {
+ display: flex;
+ flex-grow: 1;
+ justify-content: flex-end;
+ align-items: center;
+ }
+}
- img {
- width: 100%;
- }
- }
- }
+@media screen and (max-width: 500px) {
+ .videos {
+ @include video-miniature-small-screen;
}
}
}
}