flywithu/ocsms
1
0
Fork 0
mirror of https://github.com/nerzhul/ocsms.git synced 2025-06-07 16:06:15 +00:00
Code Issues Releases Wiki Activity

Use flex to display the view properly

Browse Source
This commit is contained in:
Loic Blot 2018-11-10 18:40:00 +01:00
parent 5e48961a52
commit 4b01d11016
No known key found for this signature in database
GPG Key ID: EFAA458E8C153987
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/style.css
View File

@ -1,8 +1,11 @@
#app {
display: flex;
}
/* Navigation: folder like structure */ /* Navigation: folder like structure */
#app-mailbox-peers { #app-mailbox-peers {
min-width: 20em; min-width: 20em;
height: 100%; height: 100%;
float: left;
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 44px; padding-bottom: 44px;
border-left: 1px solid #ddd; border-left: 1px solid #ddd;
@ -13,6 +16,7 @@
user-select: none; user-select: none;
resize: horizontal; resize: horizontal;
overflow-x: auto; overflow-x: auto;
flex: 1;
} }
#app-mailbox-peers > ul { #app-mailbox-peers > ul {
@ -56,6 +60,8 @@
#app-conversation { #app-conversation {
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
flex: 1;
flex-direction: column;
} }
#app-content-wrapper { #app-content-wrapper {
@ -276,6 +282,11 @@ label {
display: none !important; display: none !important;
} }
.contact-list {
display: flex;
flex-direction: column;
}
.contact-list-no-contact { .contact-list-no-contact {
padding: 1em; padding: 1em;
font-size: 1.5em; font-size: 1.5em;