PULL REQUEST: CSS Padding error

By Alexandre Cayer on Tuesday, 10 June 2014

Likes 0

Votes 0

Hi,

I have come upon a CSS error with other template, namely in login module and the ADDRESS user field of the registration. Both padding only have 2 var on 4 and my template default makes the input look like scrap because it would need two 0px. This issue makes the address fields (in user registration) goes out of their place too. I would have a look to all shifting CSS property because it creates a lot of displacement.

Thanks

Alexandre

Hello Alexandre,

Can you insert css codes below into /templates/yoo_moustache/css/custom.css





[class^="tm-"] div#fd button,

[class^="tm-"] div#fd input,

[class^="tm-"] div#fd textarea {

  -webkit-box-sizing: border-box !important;

  -moz-box-sizing: border-box !important;

  box-sizing: border-box !important;

}

Chang

Tuesday, 10 June 2014 11:55

0 Likes

0 Votes

0 Comments

#150083

Hello Alexandre,

Please provide us your backend and ftp access, and share us a screenshot regarding the login module padding issues. Thanks.

Chang

Tuesday, 10 June 2014 10:29

0 Likes

0 Votes

0 Comments

#150057

Hi Chang,

Could you do it through http://www.aidjuris.com/index.php/login. Both were accessible by my browser style editor.

body div#fd .input-sm {
height: 30px;
padding: 5px 10px 0px 0px;
padding-top: 5px;
padding-right-value: 10px;
padding-bottom: 0px;
padding-left-value: 0px;
padding-left-ltr-source: physical;
padding-left-rtl-source: physical;
padding-right-ltr-source: physical;
padding-right-rtl-source: physical;
font-size: 12px;
line-height: 1.5;
border-radius: 3px 3px 3px 3px;
}

the ADDRESS user field is in tab 2 of registration and has same issue basicly

Alexandre Cayer

Tuesday, 10 June 2014 11:05

0 Likes

0 Votes

0 Comments

#150072

Here seems to be the conflict code from my bootstap template:

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
display: inline-block;
height: 28px;
padding: 4px 6px;
margin-bottom: 14px;
font-size: 18px;
line-height: 28px;
color: #ffffff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
vertical-align: middle;
}

Alexandre Cayer

Tuesday, 10 June 2014 11:16

0 Likes

0 Votes

0 Comments

#150074

Great work !

Alexandre Cayer

Wednesday, 11 June 2014 01:53

0 Likes

0 Votes

0 Comments

#150252

Thanks for updating, glad that your issues are resolved now

Mark

Saturday, 21 June 2014 14:32

0 Likes

0 Votes

0 Comments

#152275