fix main post form having hidden emoji picker

This commit is contained in:
Henry Jameson 2022-04-10 21:54:02 +03:00
parent aa07b219c9
commit 666498e7b7
9 changed files with 17 additions and 15 deletions

View file

@ -2,7 +2,7 @@
@import './_variables.scss';
:root {
--navbar-height: 50px;
--navbar-height: 3.5em;
}
html {
@ -159,8 +159,8 @@ nav {
}
.app-layout {
--miniColumn: 25em;
--maxiColumn: minmax(var(--miniColumn), 45em);
--miniColumn: 25rem;
--maxiColumn: minmax(var(--miniColumn), 45rem);
--columnGap: 1em;
--status-margin: 0.75em;
@ -227,7 +227,7 @@ nav {
&.-has-new-post-button {
.column {
padding-bottom: 20em;
padding-bottom: 10rem;
}
}
@ -301,7 +301,7 @@ nav {
cursor: pointer;
box-shadow: $fallback--buttonShadow;
box-shadow: var(--buttonShadow);
font-size: 14px;
font-size: 1rem;
font-family: sans-serif;
font-family: var(--interfaceFont, sans-serif);
@ -429,7 +429,7 @@ textarea,
color: var(--inputText, $fallback--lightText);
font-family: sans-serif;
font-family: var(--inputFont, sans-serif);
font-size: 14px;
font-size: 1rem;
margin: 0;
box-sizing: border-box;
display: inline-block;

View file

@ -173,7 +173,7 @@
margin: 8px;
word-break: break-all;
h1 {
font-size: 14px;
font-size: 1rem;
margin: 0px;
}
}

View file

@ -9,7 +9,7 @@
.inner-nav {
display: grid;
grid-template-rows: 50px;
grid-template-rows: var(--navbar-height);
grid-template-columns: 2fr auto 2fr;
grid-template-areas: "sitename logo actions";
box-sizing: border-box;
@ -75,7 +75,7 @@
img {
display: inline-block;
height: 50px;
height: var(--navbar-height);
}
}
@ -101,8 +101,8 @@
.item {
flex: 1;
line-height: 50px;
height: 50px;
line-height: var(--navbar-height);
height: var(--navbar-height);
overflow: hidden;
display: flex;
flex-wrap: wrap;

View file

@ -7,7 +7,7 @@
right: 0;
left: 0;
margin: 0 !important;
z-index: 1;
z-index: 100;
background-color: $fallback--bg;
background-color: var(--popover, $fallback--bg);
color: $fallback--link;

View file

@ -234,7 +234,7 @@ $modal-view-button-icon-margin: 0.5em;
position: absolute;
height: $modal-view-button-icon-height;
width: $modal-view-button-icon-width;
font-size: 14px;
font-size: 1rem;
line-height: $modal-view-button-icon-height;
color: #FFF;
text-align: center;

View file

@ -509,6 +509,7 @@
flex-direction: column;
padding: 0.25em 0.5em 0.5em;
line-height:24px;
z-index: 50;
}
form textarea.form-cw {

View file

@ -24,5 +24,6 @@
<style lang="scss">
.user-panel .signed-in {
overflow: visible;
z-index: 10;
}
</style>

View file

@ -10,7 +10,7 @@
border-top-color: var(--border, $fallback--border);
.error {
font-size: 14px;
font-size: 1rem;
}
a {

View file

@ -4,7 +4,7 @@
text-align: center;
.error {
font-size: 14px;
font-size: 1rem;
}
}
}