Added `screen-sm-md` to target tablet only

diff --git a/wcfsetup/install/files/js/WoltLab/WCF/Ui/Screen.js b/wcfsetup/install/files/js/WoltLab/WCF/Ui/Screen.js
index 369fd78f171ef0ebfdf86346553bf67e8dc45c8a..21a26facd9fcff3c872659d352a0db16d77f84c5 100644 (file)
--- a/wcfsetup/install/files/js/WoltLab/WCF/Ui/Screen.js
+++ b/wcfsetup/install/files/js/WoltLab/WCF/Ui/Screen.js
@@ -16,7 +16,8 @@ define(['Core', 'Dictionary'], function(Core, Dictionary) {
                'screen-xs': '(max-width: 544px)',                              /* smartphone */
                'screen-sm': '(min-width: 545px) and (max-width: 768px)',       /* tablet (portrait) */
                'screen-sm-down': '(max-width: 768px)',                         /* smartphone + tablet (portrait) */
-               'screen-sm-up': '(min-width: 545px)',                           /* tablet(portrait) + tablet (landscape) + desktop */
+               'screen-sm-up': '(min-width: 545px)',                           /* tablet (portrait) + tablet (landscape) + desktop */
+               'screen-sm-md': '(min-width: 545px) and (max-width: 1024px)',   /* tablet (portrait) + tablet (landscape) */
                'screen-md': '(min-width: 769px) and (max-width: 1024px)',      /* tablet (landscape) */
                'screen-md-down': '(max-width: 1024px)',                        /* smartphone + tablet (portrait) + tablet (landscape) */
                'screen-md-up': '(min-width: 1024px)',                          /* tablet (landscape) + desktop */

diff --git a/wcfsetup/install/files/style/bootstrap/mixin/mediaQuery.scss b/wcfsetup/install/files/style/bootstrap/mixin/mediaQuery.scss
index 8587cf94159c02a9a8f0c48db94899f0e77b738a..81fe3444a77d6c668ef7ff366419f94261a2611b 100644 (file)
--- a/wcfsetup/install/files/style/bootstrap/mixin/mediaQuery.scss
+++ b/wcfsetup/install/files/style/bootstrap/mixin/mediaQuery.scss
@@ -19,13 +19,20 @@
        }
 }
 
-/* tablet(portrait) + tablet (landscape) + desktop */
+/* tablet (portrait) + tablet (landscape) + desktop */
 @mixin screen-sm-up() {
        @media (min-width: 545px) {
                @content;
        }
 }
 
+/* tablet (portrait) + tablet (landscape) */
+@mixin screen-sm-md() {
+       @media (min-width: 545px) and (max-width: 1024px) {
+               @content;
+       }
+}
+
 /* tablet (landscape) */
 @mixin screen-md() {
        @media (min-width: 769px) and (max-width: 1024px) {