Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

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

Merged
merged 13 commits into from
Dec 6, 2021
Merged

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

Changes from 1 commit
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
c989585
add $container-gap-width to fix ui gap consistency
toger5 Nov 30, 2021
7d88cda
fix bleeding
toger5 Dec 1, 2021
6a17b7a
Merge branch 'develop' into toger5/gap_refactoring_main_split
toger5 Dec 1, 2021
daa9063
fixes after merge
toger5 Dec 1, 2021
2e9a7ef
linter...
toger5 Dec 1, 2021
3497369
webpack webkit confusion
toger5 Dec 1, 2021
559b1e7
Update res/css/structures/_MainSplit.scss
toger5 Dec 2, 2021
b74c958
Update res/css/structures/_MatrixChat.scss
toger5 Dec 2, 2021
b04cb54
Update res/css/structures/_RoomView.scss
toger5 Dec 2, 2021
d35d2e6
Update res/css/structures/_MatrixChat.scss
toger5 Dec 2, 2021
f46b69c
fix offset vlaues and comment newLine
toger5 Dec 2, 2021
80a70a9
Update res/css/structures/_MatrixChat.scss
toger5 Dec 6, 2021
270de98
fix linter
toger5 Dec 6, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update res/css/structures/_MainSplit.scss 
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
  • Loading branch information
@toger5 @jryans
toger5 and jryans authored Dec 2, 2021
commit 559b1e7af9fe9f10ba24e0d211ba408c13d2db9e
2 changes: 1 addition & 1 deletion res/css/structures/_MainSplit.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ limitations under the License.

.mx_MainSplit > .mx_RightPanel_ResizeWrapper {
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.
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 {
Expand Down