bryce/mediawiki-extensions-UniversalLanguageSelector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

(bug 49106) Keyboard icon misaligned in Firefox

Browse Source 
Fixed positioning to avoid the use of float which was problematic in Firefox.
The current solution uses absolute positioning.
Extra padding has been added to the label next to it to avoid the text to overlap.

Change-Id: I82c69fa524f05262b60928fc4ba09104c6d05c2c
This commit is contained in:
Pau Giner
2013-06-04 11:40:56 +02:00
parent 361eb95f33
commit 62385075c7
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
resources/css/ext.uls.inputsettings.css
View File

@@ -38,6 +38,7 @@ div.input-settings-block {
margin-top: 6px; margin-top: 6px;
padding: 4px 2px; padding: 4px 2px;
color: #444; color: #444;
position: relative;
} }
.uls-ime-disable-link { .uls-ime-disable-link {
@@ -48,12 +49,13 @@ div.input-settings-block {
background-image: linear-gradient(transparent, transparent), url('../images/remove-input.svg'); background-image: linear-gradient(transparent, transparent), url('../images/remove-input.svg');
background-size: auto 16px; background-size: auto 16px;
padding-left: 22px; padding-left: 22px;
padding-right: 26px;
padding-bottom: 10px; padding-bottom: 10px;
} }
.uls-ime-more-settings-link { .uls-ime-more-settings-link {
/* @embed */ /* @embed */
background: transparent url('../images/cog.png') right top no-repeat; background: transparent url('../images/cog.png') center top no-repeat;
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog.svg'); background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog.svg');
background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog.svg'); background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog.svg');
background-image: linear-gradient(transparent, transparent), url('../images/cog.svg'); background-image: linear-gradient(transparent, transparent), url('../images/cog.svg');
@@ -61,8 +63,9 @@ div.input-settings-block {
border-left: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;
width: 22px; width: 22px;
height: 14px; height: 14px;
float: right; position: absolute;
} right: 0;
}
.uls-ime-menu-settings-item > a:hover { .uls-ime-menu-settings-item > a:hover {
background-color: #f0f0f0; background-color: #f0f0f0;