diff options
author | Takeshi Umeda <noel.yoshiba@gmail.com> | 2019-06-02 17:05:54 +0900 |
---|---|---|
committer | multiple creatures <dev@multiple-creature.party> | 2020-02-22 01:27:57 -0600 |
commit | 957d51312c9708d4d2e5f476719ce06c7b039958 (patch) | |
tree | 76b2e27a432ff3d96ba3ce46e669418189c7297b /app/javascript/flavours/glitch/styles/components/index.scss | |
parent | d105cb4a1e356bb54d0ad067aea76b11115b9408 (diff) |
port glitch-soc@`1329308` to monsterfork: [Glitch] Improvement variable height in single column layout
Port d93b82af87de90eaa29eb54a423722fb9fb45b38 to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/index.scss')
-rw-r--r-- | app/javascript/flavours/glitch/styles/components/index.scss | 27 |
1 files changed, 25 insertions, 2 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss index c882b8441..39ceb5abf 100644 --- a/app/javascript/flavours/glitch/styles/components/index.scss +++ b/app/javascript/flavours/glitch/styles/components/index.scss @@ -818,7 +818,8 @@ margin-top: 10px; display: flex; flex-direction: column; - height: 100%; + height: calc(100% - 10px); + overflow-y: hidden; .search__input { line-height: 18px; @@ -834,14 +835,33 @@ .navigation-bar { padding-top: 20px; padding-bottom: 20px; + flex: 0 1 48px; + min-height: 20px; } .flex-spacer { background: transparent; } + .compose-form { + flex: 1; + overflow-y: hidden; + display: flex; + flex-direction: column; + min-height: 310px; + padding-bottom: 71px; + margin-bottom: -71px; + } + + .compose-form__autosuggest-wrapper { + overflow-y: auto; + background-color: $white; + border-radius: 4px 4px 0 0; + flex: 0 1 auto; + } + .autosuggest-textarea__textarea { - max-height: 200px; + overflow-y: hidden; } .compose-form__upload-thumbnail { @@ -851,6 +871,9 @@ .navigation-panel { margin-top: 10px; + margin-bottom: 10px; + height: calc(100% - 20px); + overflow-y: auto; hr { border: 0; |