this repo has no description
Adjustments for the compose field
+11
-14
+11
-14
src/components/compose.css
+11
-14
src/components/compose.css
···
137
137
border-color: transparent;
138
138
139
139
&.compose-field {
140
-
@media (width < 30em) {
141
-
margin-inline: calc(-1 * var(--form-padding-inline));
142
-
width: 100vw !important;
143
-
max-width: 100vw;
144
-
border-radius: 0;
145
-
border: 0;
146
-
}
147
-
148
140
@media (min-width: 40em) {
149
141
max-height: 65vh;
150
142
}
···
623
615
.compose-field-container {
624
616
display: grid !important;
625
617
618
+
@media (width < 30em) {
619
+
margin-inline: calc(-1 * var(--form-padding-inline));
620
+
width: 100vw !important;
621
+
max-width: 100vw;
622
+
623
+
.compose-field {
624
+
border-radius: 0;
625
+
outline-offset: -2px;
626
+
}
627
+
}
628
+
626
629
&.debug {
627
630
grid-template-columns: 1fr 1fr;
628
631
}
···
653
656
/* Follow textarea styles */
654
657
@media (min-width: 40em) {
655
658
max-height: 65vh;
656
-
}
657
-
@media (width < 30em) {
658
-
margin-inline: calc(-1 * var(--form-padding-inline));
659
-
width: 100vw !important;
660
-
max-width: 100vw;
661
-
border: 0;
662
659
}
663
660
664
661
mark {