Improve responsive on small screens
This commit is contained in:
parent
89724816ae
commit
93ea9c47d9
|
@ -39,3 +39,9 @@ form {
|
|||
@include orange-button
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 450px) {
|
||||
textarea, .submit-comment button {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -32,3 +32,9 @@ my-help {
|
|||
margin-left: 46px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 450px) {
|
||||
.view-replies {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -53,7 +53,6 @@
|
|||
-ms-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
hyphens: auto;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
@mixin peertube-input-text($width) {
|
||||
|
|
Loading…
Reference in New Issue