Troplo/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix main post form having hidden emoji picker

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/App.scss
View file

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

2
src/components/attachment/attachment.scss
View file

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

8
src/components/desktop_nav/desktop_nav.scss
View file

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

2
src/components/emoji_picker/emoji_picker.scss
View file

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

2
src/components/media_modal/media_modal.vue
View file

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

1
src/components/post_status_form/post_status_form.vue
View file

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

1
src/components/user_panel/user_panel.vue
View file

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

2
src/hocs/with_load_more/with_load_more.scss
View file

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

2
src/hocs/with_subscription/with_subscription.scss
View file

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