Jika/element-web
1
0
Fork 0
Code Issues Pull Requests Projects Wiki Activity

Add CSS variable to make the UI gaps consistent and fix the resize handle position (#7234)

Browse Source 
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
This commit is contained in:
Timo
2021-12-06 13:10:52 +01:00
committed by GitHub
parent 12000060a5
commit 9bcb82d6dc
8 changed files with 34 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
res/css/structures/_MainSplit.scss
View File

@@ -23,15 +23,15 @@ limitations under the License.
}
.mx_MainSplit > .mx_RightPanel_ResizeWrapper {
// no padding on the left. The spacing is taken care of by the main split content.
padding: 5px 5px 5px 0px;
margin-left: 8px;
padding: $container-gap-width;
padding-left: calc($container-gap-width / 2); // The resizer should be centered: only half of the gap-width is handled by the right panel. The other half by the RoomView.
height: calc(100vh - 51px); // height of .mx_RoomHeader.light-panel
&:hover .mx_ResizeHandle_horizontal::before {
position: absolute;
top: 50%;
transform: translate(0, -50%);
left: 50%;
transform: translate(-50%, -50%);
height: 64px; // to match width of the ones on roomlist
width: 4px;