[BUGFIX] IE show correct select box arrow 09/44909/2
authorAndreas Allacher <andreas@allacher.com>
Mon, 23 Nov 2015 07:47:38 +0000 (08:47 +0100)
committerChristian Kuhn <lolli@schwarzbu.ch>
Mon, 23 Nov 2015 19:17:35 +0000 (20:17 +0100)
IE needs to show the select box
arrow correctly (width / height).
Furthermore, the default arrow
needs to be hidden.

Change-Id: I8a37bbc4d53d09cda442f44673daa08ff7be7c90
Releases: master
Resolves: #71779
Reviewed-on: https://review.typo3.org/44909
Reviewed-by: Frank Nägler <frank.naegler@typo3.org>
Tested-by: Frank Nägler <frank.naegler@typo3.org>
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Build/Resources/Public/Less/TYPO3/_main_form.less
typo3/sysext/t3skin/Resources/Public/Css/backend.css

index 1ecf899..1023ee7 100644 (file)
@@ -169,9 +169,13 @@ select {
                        background-image: url('@{path-sysext}/core/Resources/Public/Icons/T3Icons/actions/actions-view-list-expand.svg');
                        background-position: right 4px center;
                        background-repeat: no-repeat;
-                       background-size: 16px;
+                       background-size: 16px 16px;
                        padding-right: 24px;
 
+                       &::-ms-expand {
+                               display: none;
+                       }
+
                        &.input-sm,
                        .form-group-sm & {
                                line-height: 16px;
index 21b6a56..b4e2fab 100644 (file)
@@ -12257,9 +12257,13 @@ select.form-control:not([size]) {
   background-image: url('../../../../../../typo3/sysext/core/Resources/Public/Icons/T3Icons/actions/actions-view-list-expand.svg');
   background-position: right 4px center;
   background-repeat: no-repeat;
-  background-size: 16px;
+  background-size: 16px 16px;
   padding-right: 24px;
 }
+select.form-control[size="1"]::-ms-expand,
+select.form-control:not([size])::-ms-expand {
+  display: none;
+}
 select.form-control[size="1"].input-sm,
 select.form-control:not([size]).input-sm,
 .form-group-sm select.form-control[size="1"],