haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ref(css): use var for desktop drag area margin (#4104)

This commit is contained in:
virtuacoplenny 2019-04-16 11:45:25 -07:00 committed by GitHub
parent 30669c7699
commit 17627291e8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/_chat.scss
View File

@ -42,7 +42,7 @@
flex: 1; flex: 1;
font-size: 10pt; font-size: 10pt;
line-height: 20px; line-height: 20px;
margin-top: 30px; margin-top: $desktopAppDragBarHeight + 5px;
overflow: auto; overflow: auto;
padding: 5px; padding: 5px;
text-align: left; text-align: left;
@ -104,7 +104,7 @@
position: absolute; position: absolute;
right: 5px; right: 5px;
text-align: center; text-align: center;
top: 25px; top: $desktopAppDragBarHeight;
width: 10px; width: 10px;
z-index: 1; z-index: 1;
} }

1
css/_variables.scss
View File

@ -90,6 +90,7 @@ $defaultWatermarkLink: '../images/watermark.png';
$sidebarWidth: 220px; $sidebarWidth: 220px;
$popoverMenuPadding: 13px; $popoverMenuPadding: 13px;
$happySoftwareBackground: transparent; $happySoftwareBackground: transparent;
$desktopAppDragBarHeight: 25px;
/** /**
* Z-indexes. TODO: Replace this by a function. * Z-indexes. TODO: Replace this by a function.

2
css/filmstrip/_vertical_filmstrip.scss
View File

@ -25,7 +25,7 @@
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
height: 100%; height: 100%;
padding: 20px 5px 10px; padding: ($desktopAppDragBarHeight - 5px) 5px 10px;
/** /**
* fixed positioning is necessary for remote menus and tooltips to pop * fixed positioning is necessary for remote menus and tooltips to pop
* out of the scrolling filmstrip. AtlasKit dialogs and tooltips use * out of the scrolling filmstrip. AtlasKit dialogs and tooltips use