Fix the icon visibility on mobile devices

See https://www.woltlab.com/community/thread/303180-text-nicht-lesbar-beim-einf%C3%BCgen-von-medien/

diff --git a/wcfsetup/install/files/style/ui/media.scss b/wcfsetup/install/files/style/ui/media.scss
index ae6bc4ac9433a02c7bc9a8dc44ab32615ae47a69..8b8796e9ce8d7d115e34637f355abd609e25aea4 100644 (file)
--- a/wcfsetup/install/files/style/ui/media.scss
+++ b/wcfsetup/install/files/style/ui/media.scss
@@ -104,9 +104,11 @@
                        overflow: hidden;
                        background: rgba(0, 0, 0, 0.6);
 
-                       fa-icon {
-                               color: #fff;
-                               @include textShadow(#000);
+                       @include screen-lg {
+                               fa-icon {
+                                       color: #fff;
+                                       @include textShadow(#000);
+                               }
                        }
                }
 
@@ -128,6 +130,11 @@
                                > .dropdownLabel {
                                        left: calc(100% - 24px);
                                        position: relative;
+
+                                       fa-icon {
+                                               color: #fff;
+                                               @include textShadow(#000);
+                                       }
                                }
 
                                > .buttonList {