Verified Commit 93ea9c47 authored by Chocobozzz's avatar Chocobozzz
Browse files

Improve responsive on small screens

parent 89724816
......@@ -39,3 +39,9 @@ form {
@include orange-button
}
}
@media screen and (max-width: 450px) {
textarea, .submit-comment button {
font-size: 14px !important;
}
}
\ No newline at end of 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;
}
}
\ No newline at end of file
......@@ -31,4 +31,10 @@ my-help {
.view-replies {
margin-left: 46px;
}
}
\ No newline at end of file
}
@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 {
display: none !important;
.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) {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment