holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make selectbox's style more consistence among all browsers

Browse Source
This commit is contained in:
Hadi Nategh 2016-09-14 11:19:31 +02:00
parent 18233494b1
commit 08002abcef
4 changed files with 48 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
pixelegg/css/mobile.css
View File

@ -2626,7 +2626,8 @@ div.client_error_log tr td.stack > div {
* ########################################################################################
*/
body,
textarea {
textarea,
button {
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
}
#egw_fw_basecontainer {
@ -2696,6 +2697,16 @@ div.selectbox-wrapper ul li {
}
select {
position: relative;
padding-right: 20px !important;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 16px auto;
}
/*IE has no appearance but we can remove arrows by ms-expand*/
select::-ms-expand {
display: none;
}
select,
input,
@ -2792,15 +2803,6 @@ table.table_passord_change tr {
table.table_passord_change td:first-child {
padding-right: 4em;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select {
padding-right: 20px !important;
-webkit-appearance: none;
margin: 0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 16px auto;
}
}
/**
* EGroupware: Stylite Pixelegg template
*

22
pixelegg/css/pixelegg.css
View File

@ -2615,7 +2615,8 @@ div.client_error_log tr td.stack > div {
* ########################################################################################
*/
body,
textarea {
textarea,
button {
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
}
#egw_fw_basecontainer {
@ -2685,6 +2686,16 @@ div.selectbox-wrapper ul li {
}
select {
position: relative;
padding-right: 20px !important;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 16px auto;
}
/*IE has no appearance but we can remove arrows by ms-expand*/
select::-ms-expand {
display: none;
}
select,
input,
@ -2781,15 +2792,6 @@ table.table_passord_change tr {
table.table_passord_change td:first-child {
padding-right: 4em;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select {
padding-right: 20px !important;
-webkit-appearance: none;
margin: 0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 16px auto;
}
}
/**
* EGroupware: Stylite Pixelegg template
*

24
pixelegg/less/layout_content_elements.less
View File

@ -25,7 +25,8 @@
body,
textarea {
textarea,
button {
.basefontfamily;
}
@ -96,8 +97,17 @@ div.selectbox-wrapper {
select {
position:relative;
padding-right: 20px !important;
-webkit-appearance:none;
-moz-appearance: none;
margin:0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 16px auto;
}
/*IE has no appearance but we can remove arrows by ms-expand*/
select::-ms-expand {
display: none;
}
select,input,button
{
.color_100_gray;
@ -201,13 +211,3 @@ table.table_passord_change {
}
/////* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select {
padding-right: 20px !important;
-webkit-appearance:none;
margin:0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 16px auto;
}
}

22
pixelegg/mobile/fw_mobile.css
View File

@ -2637,7 +2637,8 @@ div.client_error_log tr td.stack > div {
* ########################################################################################
*/
body,
textarea {
textarea,
button {
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
}
#egw_fw_basecontainer {
@ -2707,6 +2708,16 @@ div.selectbox-wrapper ul li {
}
select {
position: relative;
padding-right: 20px !important;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 16px auto;
}
/*IE has no appearance but we can remove arrows by ms-expand*/
select::-ms-expand {
display: none;
}
select,
input,
@ -2803,15 +2814,6 @@ table.table_passord_change tr {
table.table_passord_change td:first-child {
padding-right: 4em;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select {
padding-right: 20px !important;
-webkit-appearance: none;
margin: 0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 16px auto;
}
}
/**
* EGroupware: Stylite Pixelegg template
*