Display the top reaction of an element

[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / reactions.scss

diff --git a/wcfsetup/install/files/style/ui/reactions.scss b/wcfsetup/install/files/style/ui/reactions.scss
index 91bad0434b3ce42729228fde68a4462120ec2e24..7d3f08d9f86779c7108f04567b530238e8060c10 100644 (file)
--- a/wcfsetup/install/files/style/ui/reactions.scss
+++ b/wcfsetup/install/files/style/ui/reactions.scss
@@ -35,20 +35,20 @@
        flex-wrap: wrap;
        margin: -5px -5px 0 0;
        
-       .reactionCount{
-               @include wcfFontSmall;
-               
-               &::before {
-                       content: ' × ';
-               }
-       }
-       
        &.reactionSummaryListTiny .reactionType {
                width: 16px;
                height: 16px;
        }
 }
 
+.reactionCount{
+       @include wcfFontSmall;
+       
+       &::before {
+               content: ' × ';
+       }
+}
+
 .reactCountButton {
        color: $wcfContentDimmedText;
        flex: 0 0 auto;
@@ -160,3 +160,16 @@
                }
        }
 }
+
+.topReactionFull,
+.topReactionShort {
+       > .reactionType {
+               vertical-align: bottom;
+       }
+}
+
+.topReactionTiny > .reactionType {
+       height: 16px;
+       vertical-align: top;
+       width: 16px;
+}