Improve responsive on small screens

This commit is contained in:
Chocobozzz 2018-09-20 14:49:12 +02:00
parent 89724816ae
commit 93ea9c47d9
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
5 changed files with 45 additions and 4 deletions

View File

@ -39,3 +39,9 @@ form {
@include orange-button
}
}
@media screen and (max-width: 450px) {
textarea, .submit-comment button {
font-size: 14px !important;
}
}

View File

@ -35,6 +35,7 @@
.comment-account {
@include disable-default-a-behaviour;
word-break: break-all;
color: var(--mainForegroundColor);
font-weight: $font-bold;
}
@ -102,3 +103,9 @@
img { margin-right: 10px; }
}
}
@media screen and (max-width: 450px) {
.root-comment {
font-size: 14px;
}
}

View File

@ -32,3 +32,9 @@ my-help {
margin-left: 46px;
}
}
@media screen and (max-width: 450px) {
.view-replies {
font-size: 14px;
}
}

View File

@ -473,6 +473,7 @@ my-video-comments {
margin: 20px 0 0 0;
.video-info {
padding: 0;
.video-info-first-row {
@ -485,6 +486,8 @@ my-video-comments {
}
/deep/ .other-videos {
padding-left: 0 !important;
/deep/ .video-miniature {
flex-direction: column;
}
@ -500,7 +503,27 @@ my-video-comments {
}
@media screen and (max-width: 450px) {
.video-bottom .action-button .icon-text {
.video-bottom {
.action-button .icon-text {
display: none !important;
}
.video-info .video-info-first-row {
.video-info-name {
font-size: 18px;
}
.video-info-date-views {
font-size: 14px;
}
.video-actions-rates {
margin-top: 10px;
}
}
.video-info-description {
font-size: 14px !important;
}
}
}

View File

@ -53,7 +53,6 @@
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
text-align: justify;
}
@mixin peertube-input-text($width) {