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

feat(aot): improve AOT UI/UX

This commit is contained in:
hmuresan 2021-04-26 16:48:17 +03:00 committed by Saúl Ibarra Corretgé
parent 0d127b30df
commit 02ec30b8ff
3 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/_mini_toolbox.scss
View File

@ -8,11 +8,11 @@
.toolbox-icon { .toolbox-icon {
cursor: pointer; cursor: pointer;
padding: 7px; padding: 7px;
width: 25px; width: 22px;
height : 25px; height : 22px;
&.toggled { &.toggled {
background: $AOTToolbarButtonToggleColor; background: none;
} }
&.disabled { &.disabled {
@ -27,6 +27,7 @@
position: absolute; position: absolute;
bottom: 10px; bottom: 10px;
transform: translateX(-50%); transform: translateX(-50%);
padding: 3px !important;
} }
.filmstrip-toolbox { .filmstrip-toolbox {

2
css/_variables.scss
View File

@ -42,8 +42,6 @@ $presence-idle: rgb(172, 172, 172);
$newToolbarBackgroundColor: #131519; $newToolbarBackgroundColor: #131519;
$newToolbarButtonHoverColor: rgba(255, 255, 255, 0.2); $newToolbarButtonHoverColor: rgba(255, 255, 255, 0.2);
$newToolbarButtonToggleColor: rgba(255, 255, 255, 0.15); $newToolbarButtonToggleColor: rgba(255, 255, 255, 0.15);
$AOTToolbarButtonHoverColor: rgba(14, 20, 35, 0.6);
$AOTToolbarButtonToggleColor: rgba(14, 20, 35, 1);
$menuBG:#242528; $menuBG:#242528;
$newToolbarFontSize: 24px; $newToolbarFontSize: 24px;
$newToolbarHangupFontSize: 32px; $newToolbarHangupFontSize: 32px;

2
react/features/always-on-top/Toolbar.js
View File

@ -52,8 +52,8 @@ export default class Toolbar extends Component<Props> {
onMouseOut = { onMouseOut } onMouseOut = { onMouseOut }
onMouseOver = { onMouseOver }> onMouseOver = { onMouseOver }>
<AudioMuteButton /> <AudioMuteButton />
<HangupButton customClass = 'hangup-button' />
<VideoMuteButton /> <VideoMuteButton />
<HangupButton customClass = 'hangup-button' />
</div> </div>
); );
} }