random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated compose modal

Browse Source 
Added "publish" button on top of modal. Added compose modal scroll functionality. Updated max height for textbox. Removed avatar, arrow on compose modal for more room. Updated image upload sizes for composer.
Fixes: #83
This commit is contained in:
mgabdev
2019-10-18 00:55:30 -04:00
parent 0cf4b3da4e
commit caf72d0467
6 changed files with 66 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
app/javascript/styles/gabsocial/components.scss
View File

@@ -264,9 +264,11 @@
left: -22px;
top: 13px;
}
.autosuggest-textarea__textarea {
padding: 14px 32px 13px 10px !important;
body.theme-gabsocial-light & {background: $gab-background-base-light;}
.autosuggest-textarea__textarea {
padding: 14px 32px 13px 10px !important;
body.theme-gabsocial-light & {
background: $gab-background-base-light;
}
}
}
}
@@ -4915,10 +4917,16 @@ noscript {
&__close {
position: absolute;
right: 10px;
left: 10px;
top: 10px;
}
&__publish {
position: absolute;
right: 10px;
top: 4px;
}
&__content {
display: flex;
flex-direction: row;
@@ -4926,6 +4934,11 @@ noscript {
padding: 10px;
overflow-y: hidden;
&--scroll {
display: block;
overflow-y: scroll;
}
.timeline-compose-block {
background: transparent !important;
width: 100%;
@@ -4936,9 +4949,14 @@ noscript {
max-height: 100%;
display: flex;
flex-direction: column;
padding: 0 !important;
.compose-form__autosuggest-wrapper .autosuggest-textarea__textarea {
max-height: calc(100vh - 363px) !important;
max-height: 160px !important;
}
.compose-form__autosuggest-wrapper:before {
content: none !important;
}
}
}
@@ -4946,8 +4964,9 @@ noscript {
@media screen and (max-width:895px) {
margin: 0;
height: 98vh;
width: 98vw;
border-radius: 0;
height: 100vh;
width: 100vw;
}
}
@@ -5215,7 +5234,7 @@ noscript {
border-bottom: 1px solid;
border-top: 1px solid;
border-color: darken($ui-base-color, 4%);
transition: max-height 2.5s ease;
transition: max-height 150ms ease;
overflow: hidden;
&.hidden {

25
app/javascript/styles/gabsocial/components/compose-form.scss
View File

@@ -170,13 +170,30 @@
.compose-form__uploads-wrapper {
display: flex;
flex-direction: row;
padding: 5px;
flex-wrap: wrap;
&.contains-media {
padding: 5px;
border-top: 1px solid darken($simple-background-color, 8%);
}
}
.compose-form__upload {
flex: 1 1 0;
min-width: 40%;
margin: 5px;
width: calc(50% - 10px);
height: 135px;
@media (min-width: 895px) {
width: 222px;
height: 180px;
}
@media (min-width: 607px) and (max-width: 895px) {
width: 210px;
height: 210px;
}
@media (min-width: 607px) and (max-width: 895px) {
width: 210px;
height: 210px;
}
&__actions {
background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);
display: flex;
@@ -234,7 +251,7 @@
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 140px;
height: 100%;
width: 100%;
overflow: hidden;
}