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

fix(toolbar): make toolbar smaller (#2808)

This commit is contained in:
virtuacoplenny 2018-04-16 14:17:03 -07:00 committed by GitHub
parent 4bd94fc94c
commit 8e42a7b034
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/_toolbars.scss
View File

@ -358,7 +358,7 @@
* Undo atlaskit padding by reducing margins. * Undo atlaskit padding by reducing margins.
*/ */
margin: -15px -24px; margin: -15px -24px;
padding: 0; padding: 4px 0;
.overflow-menu-item { .overflow-menu-item {
align-items: center; align-items: center;
@ -366,7 +366,7 @@
cursor: pointer; cursor: pointer;
display: flex; display: flex;
font-size: 14px; font-size: 14px;
height: 32px; height: 22px;
padding: 5px 12px; padding: 5px 12px;
&:hover { &:hover {
@ -412,7 +412,7 @@
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
line-height: $newToolbarSize; line-height: $newToolbarSize;
margin: 0 8px; margin: 0 4px;
text-align: center; text-align: center;
} }
@ -435,7 +435,7 @@
.toolbox-icon { .toolbox-icon {
height: $newToolbarSize; height: $newToolbarSize;
font-size: 36px; font-size: 24px;
width: $newToolbarSize; width: $newToolbarSize;
} }
} }

4
css/_variables.scss
View File

@ -40,8 +40,8 @@ $newToolbarBackgroundColor: rgba(22, 38, 55, 0.8);
$newToolbarButtonHoverColor: rgba(14, 20, 35, 0.6); $newToolbarButtonHoverColor: rgba(14, 20, 35, 0.6);
$newToolbarButtonToggleColor: rgba(14, 20, 35, 1); $newToolbarButtonToggleColor: rgba(14, 20, 35, 1);
$newToolbarFontSize: 1.9em; $newToolbarFontSize: 1.9em;
$newToolbarSize: 56px; $newToolbarSize: 32px;
$newToolbarSizeWithPadding: calc(56px + 32px); $newToolbarSizeWithPadding: calc(32px + 32px);
$secToolbarFontSize: 1.9em; $secToolbarFontSize: 1.9em;
$secToolbarLineHeight: 45px; $secToolbarLineHeight: 45px;
$toolbarAvatarPadding: 10px; $toolbarAvatarPadding: 10px;