Mirrors
/
nextcloud-spreed
mirror of https://github.com/nextcloud/spreed
3
0
Fork 0
Code Releases Activity
Browse Source

style: update CSS specificity for fallback mention icons 

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
pull/12107/head
Maksim Sukharev 2 years ago
parent
e28505e381
commit
cb4f85fca9
No known key found for this signature in database GPG Key ID: 6349D071889BD1D5
1 changed files with 32 additions and 15 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 47
      css/icons.css

47
css/icons.css
View File

@ -92,29 +92,46 @@
* .app-Talk rules above.
* "forced-white" needs to be included in the class name as the Avatar does
* not accept several classes. */
.user-bubble__avatar .icon-group-forced-white,
.user-bubble__avatar .icon-user-forced-white,
.autocomplete-result .icon-group-forced-white,
.autocomplete-result .icon-user-forced-white,
.mention-bubble .icon-group-forced-white,
.mention-bubble .icon-user-forced-white {
background-color: var(--color-text-maxcontrast-default) !important;
.user-bubble__avatar .icon-group-forced-white.avatar-class-icon,
.user-bubble__avatar .icon-user-forced-white.avatar-class-icon,
.autocomplete-result .icon-group-forced-white.autocomplete-result__icon--,
.autocomplete-result .icon-user-forced-white.autocomplete-result__icon--,
.mention-bubble .icon-group-forced-white.mention-bubble__icon--,
.mention-bubble .icon-user-forced-white.mention-bubble__icon-- {
background-color: #6B6B6B;
}
body[data-theme-dark] .icon-group-forced-white,
body[data-theme-dark] .icon-user-forced-white {
background-color: #3B3B3B !important;
/* System default: dark theme */
@media (prefers-color-scheme: dark) {
.user-bubble__avatar .icon-group-forced-white.avatar-class-icon,
.user-bubble__avatar .icon-user-forced-white.avatar-class-icon,
.autocomplete-result .icon-group-forced-white.autocomplete-result__icon--,
.autocomplete-result .icon-user-forced-white.autocomplete-result__icon--,
.mention-bubble .icon-group-forced-white.mention-bubble__icon--,
.mention-bubble .icon-user-forced-white.mention-bubble__icon-- {
background-color: #3B3B3B;
}
}
.user-bubble__avatar .icon-group-forced-white,
.user-bubble__avatar .icon-user-forced-white {
background-size: 75%;
/* Manually set dark theme */
body[data-theme-dark] .user-bubble__avatar .icon-group-forced-white.avatar-class-icon,
body[data-theme-dark] .user-bubble__avatar .icon-user-forced-white.avatar-class-icon,
body[data-theme-dark] .autocomplete-result .icon-group-forced-white.autocomplete-result__icon--,
body[data-theme-dark] .autocomplete-result .icon-user-forced-white.autocomplete-result__icon--,
body[data-theme-dark] .mention-bubble .icon-group-forced-white.mention-bubble__icon--,
body[data-theme-dark] .mention-bubble .icon-user-forced-white.mention-bubble__icon-- {
background-color: #3B3B3B;
}
.autocomplete-result .icon-group-forced-white.autocomplete-result__icon--,
.autocomplete-result .icon-user-forced-white.autocomplete-result__icon--,
.user-bubble__avatar .icon-group-forced-white.avatar-class-icon,
.user-bubble__avatar .icon-user-forced-white.avatar-class-icon,
.mention-bubble .icon-group-forced-white.mention-bubble__icon--,
.mention-bubble .icon-user-forced-white.mention-bubble__icon-- {
background-size: 75%;
}
.autocomplete-result .icon-group-forced-white.autocomplete-result__icon--,
.autocomplete-result .icon-user-forced-white.autocomplete-result__icon-- {
background-size: 50% !important;
}

Write Preview
Loading…
Cancel
Save