chris/website-gemompel
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Display user avatars instead of talking indicators when possible

Browse source
This commit is contained in:
Jonas Herzig 2018-09-24 15:36:37 +02:00
parent 2b7f7c1625
commit d7b03d2192
4 changed files with 89 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

25
themes/MetroMumbleLight/main.scss
View file

@ -17,6 +17,9 @@ $chat-channel-color: orange !default
$chat-user-color: green !default
$chat-input-color: $font-color !default
$mic-volume-border-color: $black !default
$talk-outline-color: green !default
$whisper-outline-color: purple !default
$shout-outline-color: cyan !default
$toolbar-hover-bg-color: $lightgray !default
$toolbar-hover-border-color: $gray !default
@ -144,9 +147,27 @@ html, body {
.user {
margin-left: 9px;
}
.user-talk {
.user-avatar, .user-talk {
vertical-align: middle;
}
@mixin drop-shadow-4x($size, $blur, $color) {
filter: drop-shadow(#{+$size} #{+$size} $blur $color)
drop-shadow(#{+$size} #{-$size} $blur $color)
drop-shadow(#{-$size} #{+$size} $blur $color)
drop-shadow(#{-$size} #{-$size} $blur $color);
}
@mixin user-avatar-drop-shadow($color) {
@include drop-shadow-4x(1px, 1px, $color);
}
.user-avatar-talk-on {
@include user-avatar-drop-shadow($talk-outline-color);
}
.user-avatar-talk-whisper {
@include user-avatar-drop-shadow($whisper-outline-color);
}
.user-avatar-talk-shout {
@include user-avatar-drop-shadow($shout-outline-color);
}
.user-status, .channel-status {
float: right;
}
@ -339,7 +360,7 @@ form {
}
.settings-dialog {
width: 300px;
height: 156px;
height: 200px;
top: calc(50% - 100px);
left: calc(50% - 150px);
}