nikrozman/element-web
1
0
Fork 0
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fixed settings dialog header; Adjust padding on dialog

Browse Source 
Some recent changes to dialogs changed how this works and altered the look of the settings dialogs. This fixes that and makes it so that the header and content scroll independently.

Fixes https://github.com/vector-im/riot-web/issues/8329
Fixes https://github.com/vector-im/riot-web/issues/8328
This commit is contained in:
Travis Ralston
2019-01-29 21:45:15 -07:00
parent 786e725f5f
commit 4036e52c24
6 changed files with 56 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
res/css/structures/_TabbedView.scss
View File

@@ -17,17 +17,21 @@ limitations under the License.
.mx_TabbedView {
margin: 0;
padding: 0;
padding: 0 0 0 58px;
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mx_TabbedView_tabLabels {
width: 150px;
max-width: 150px;
height: 100%;
color: $tab-label-fg-color;
position: fixed;
}
.mx_TabbedView_tabLabel {
@@ -82,13 +86,15 @@ limitations under the License.
}
.mx_TabbedView_tabPanel {
width: calc(100% - 320px);
display: inline-block;
margin-left: 70px;
margin-left: 220px; // 150px sidebar + 70px padding
flex-grow: 1;
display: flex;
flex-direction: column;
}
.mx_TabbedView_tabPanelContent {
flex-grow: 1;
min-width: 560px;
overflow: auto;
min-height: 0; // firefox
}