mirror of
https://github.com/nerzhul/ocsms.git
synced 2025-06-07 16:06:15 +00:00
Use flex to display the view properly
This commit is contained in:
parent
5e48961a52
commit
4b01d11016
@ -1,8 +1,11 @@
|
||||
#app {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/* Navigation: folder like structure */
|
||||
#app-mailbox-peers {
|
||||
min-width: 20em;
|
||||
height: 100%;
|
||||
float: left;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 44px;
|
||||
border-left: 1px solid #ddd;
|
||||
@ -13,6 +16,7 @@
|
||||
user-select: none;
|
||||
resize: horizontal;
|
||||
overflow-x: auto;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#app-mailbox-peers > ul {
|
||||
@ -56,6 +60,8 @@
|
||||
#app-conversation {
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#app-content-wrapper {
|
||||
@ -276,6 +282,11 @@ label {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.contact-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.contact-list-no-contact {
|
||||
padding: 1em;
|
||||
font-size: 1.5em;
|
||||
|
Loading…
x
Reference in New Issue
Block a user