Optimize comment input section on markdown page on mobile

This commit is contained in:
Raphael Wickihalder 2022-02-18 08:46:41 +01:00
parent 9f7dda0234
commit f18b851edb
3 changed files with 45 additions and 0 deletions

View file

@ -112,6 +112,23 @@ $thumbnailWidthSmall: 1rem;
}
}
@media (max-width: $breakpoint-small) {
.MuiTextField-root {
.button--primary {
.button__content {
.icon {
stroke: var(--color-primary-contrast);
margin-left: 1px;
margin-right: -1px;
}
}
}
textarea#create__comment {
box-shadow: unset;
}
}
}
@media (min-width: $breakpoint-small) {
fieldset-section + .section {
margin-top: var(--spacing-m);

View file

@ -199,6 +199,29 @@ body {
@media (min-width: $breakpoint-small) {
padding: var(--spacing-m);
}
@media (max-width: $breakpoint-small) {
margin-top: 0;
.card {
padding: 0;
.card__first-pane {
.card__main-actions {
.button--alt:last-of-type {
top: -1px;
float: right;
margin-right: 0;
}
.comment__sort {
.button--alt:last-of-type {
top: unset;
float: unset;
margin-right: unset;
}
}
}
}
}
}
}
.file-page__info {

View file

@ -1052,6 +1052,11 @@ img {
}
}
// Remove resize icon in textareas
::-webkit-resizer {
display: none;
}
// Remove tap focus on mobile devices
input,
textarea,