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

2
css/_variables.scss
View File

@ -42,8 +42,6 @@ $presence-idle: rgb(172, 172, 172);
$newToolbarBackgroundColor: #131519;
$newToolbarButtonHoverColor: rgba(255, 255, 255, 0.2);
$newToolbarButtonToggleColor: rgba(255, 255, 255, 0.15);
$AOTToolbarButtonHoverColor: rgba(14, 20, 35, 0.6);
$AOTToolbarButtonToggleColor: rgba(14, 20, 35, 1);
$menuBG:#242528;
$newToolbarFontSize: 24px;
$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 }
onMouseOver = { onMouseOver }>
<AudioMuteButton />
<HangupButton customClass = 'hangup-button' />
<VideoMuteButton />
<HangupButton customClass = 'hangup-button' />
</div>
);
}