Last active
April 13, 2016 10:34
-
-
Save IamSilviu/7984597 to your computer and use it in GitHub Desktop.
CSS Sencha Touch 2.3.1 IE: 10, 11 Fieldset and Input visual fix
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Remove the IE default clear button and password reveal button */ | |
| *::-ms-clear, *::-ms-reveal { | |
| display: none; | |
| } | |
| /* Fix fieldsets and icons with align top */ | |
| /* Sebastian Tomescu */ | |
| .x-ie .x-dock-vertical.x-stretched > .x-dock-body, | |
| .x-ie .x-iconalign-top.x-button{ | |
| height: auto !important; | |
| } | |
| /* Fix Tab issue and input length */ | |
| .x-label-align-left .x-component-outer, .x-label-align-right .x-component-outer { | |
| -ms-flex-negative: 0 !important; | |
| -ms-flex-positive: 1 !important; | |
| -ms-flex-preferred-size: 0px !important; | |
| } | |
| /* Overwrites line 93, ../themes/stylesheets/sencha-touch/base/src/_Mask.scss */ | |
| .x-ie .x-mask[visibility='visible'] ~ div:not(.x-mask) .x-input-el[type=text], | |
| .x-ie .x-mask[visibility='visible'] ~ div:not(.x-panel) .x-input-el[type=text], | |
| .x-ie .x-mask[visibility='visible'] ~ div:not(.x-floating) .x-input-el[type=text], | |
| .x-ie .x-mask[visibility='visible'] ~ div:not(.x-center) .x-input-el[type=text], | |
| .x-ie .x-mask[visibility='visible'] ~ div:not(.x-msgbox) .x-input-el[type=text], | |
| .x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-mask) .x-input-el[type=text], | |
| .x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-panel) .x-input-el[type=text], | |
| .x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-floating) .x-input-el[type=text], | |
| .x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-center) .x-input-el[type=text], | |
| .x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-msgbox) .x-input-el[type=text] { | |
| visibility: visible !important; | |
| } |
This should fix the msgbox size:
/* Fix msgbox size */
.x-ie {
.x-msgbox {
.x-dock.x-dock-horizontal.x-unsized {
> .x-dock-body {
width: 100%;
}
}
}
}Did you manage to solve the selectfield issues? https://www.sencha.com/forum/showthread.php?302655
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Nice fix :)