[TASK] Reduce App-Icon size in Module menu and Topbar 85/36685/4
authorFelix Kopp <felix-source@phorax.com>
Thu, 5 Feb 2015 21:07:05 +0000 (22:07 +0100)
committerMarkus Klein <klein.t3@reelworx.at>
Thu, 5 Feb 2015 22:09:21 +0000 (23:09 +0100)
Decrease size of App-Icons to reduce the visual relevance
from 32x32px to 28x28px. Following paddings and snap mode.

Kudos to Benjamin Kott.

Resolves: #64889
Releases: master
Change-Id: I8e3219cf492415e94dc74d656ef42543bf36cfca
Reviewed-on: http://review.typo3.org/36685
Reviewed-by: Benjamin Kott <info@bk2k.info>
Tested-by: Benjamin Kott <info@bk2k.info>
Reviewed-by: Daniel Maier <dani-maier@gmx.de>
Tested-by: Daniel Maier <dani-maier@gmx.de>
Reviewed-by: Markus Klein <klein.t3@reelworx.at>
Tested-by: Markus Klein <klein.t3@reelworx.at>
typo3/js/extjs/viewportConfiguration.js
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_content.less
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_menu.less
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css

index ff76c5e..ab98890 100644 (file)
@@ -86,7 +86,7 @@ TYPO3.Viewport.configuration = {
                                        var containerWidth = adjWidth,
                                                moduleMenuWidth = document.getElementById('typo3-menu').clientWidth,
                                                moduleMenuMinWidth = 100,
-                                               moduleMenuSnappedWidth = 50,
+                                               moduleMenuSnappedWidth = 46,
                                                moduleMenuSnappingClass = 'typo3-module-menu-snapped',
                                                forceSnapMode = (containerWidth <= moduleMenuMinWidth);
                                        if (forceSnapMode){
index fea9eba..9f5c1d2 100644 (file)
@@ -4,8 +4,8 @@
 
 // Menu icons
 @app-icon-border-radius: @border-radius-small;
-@app-icon-height: 32px;
-@app-icon-width: 32px;
+@app-icon-height: 28px;
+@app-icon-width: 28px;
 @app-icon-font-size: 21px;
 @app-icon-bg: #484848;
 
index 5dca427..2f0cd08 100644 (file)
        .typo3-module-menu-item-title {
                white-space: nowrap;
                text-overflow: ellipsis;
-               padding-top: 7px;
+               padding-top: 5px;
                display: block;
                overflow: hidden;
                *zoom: 1;
                        .transition(all 0.25s ease-in-out);
                        .rotate(90deg);
                        position: absolute;
-                       top: 17px;
+                       top: 15px;
                        right: 18px;
                }
        }
        .typo3-module-menu-item-title {
                display: none;
        }
-}
\ No newline at end of file
+}
index d275e3a..22760e4 100644 (file)
                        .submodule-label {
                                white-space: nowrap;
                                text-overflow: ellipsis;
-                               padding-top: 7px;
+                               padding-top: 5px;
                                display: block;
                                overflow: hidden;
                                *zoom: 1;
index f59f0b2..f3e0e60 100644 (file)
@@ -9823,8 +9823,8 @@ em {
   position: relative;
   display: inline-block;
   padding: 0px;
-  height: 32px;
-  width: 32px;
+  height: 28px;
+  width: 28px;
   overflow: hidden;
   border-radius: 2px;
   background-color: #484848;
@@ -9840,8 +9840,8 @@ em {
   vertical-align: middle;
 }
 .typo3-app-icon img {
-  max-height: 32px;
-  max-width: 32px;
+  max-height: 28px;
+  max-width: 28px;
 }
 .typo3-app-icon .fa {
   font-size: 21px;
@@ -10334,7 +10334,7 @@ iframe {
 [id="typo3-menu"] .typo3-module-menu-item-title {
   white-space: nowrap;
   text-overflow: ellipsis;
-  padding-top: 7px;
+  padding-top: 5px;
   display: block;
   overflow: hidden;
   *zoom: 1;
@@ -10351,7 +10351,7 @@ iframe {
   -o-transform: rotate(90deg);
   transform: rotate(90deg);
   position: absolute;
-  top: 17px;
+  top: 15px;
   right: 18px;
 }
 [id="typo3-menu"] .expanded .typo3-module-menu-group-title .caret {
@@ -10594,7 +10594,7 @@ iframe {
 .typo3-topbar-navigation-items .dropdown-list .modlink .submodule-label {
   white-space: nowrap;
   text-overflow: ellipsis;
-  padding-top: 7px;
+  padding-top: 5px;
   display: block;
   overflow: hidden;
   *zoom: 1;