Fixed password generator rendering in Safari

This commit is contained in:
Giulio Cesare Solaroli 2015-08-11 18:21:59 +02:00
parent 58e1cdfcf9
commit c73aee1751
3 changed files with 19 additions and 6 deletions

View File

@ -3439,6 +3439,7 @@ div.cardList.narrow {
left: 0; left: 0;
min-width: 220px; min-width: 220px;
width: 80%; width: 80%;
max-width: 400px;
background-color: #333333; background-color: #333333;
color: #fff; color: #fff;
-webkit-border-radius: 6px; -webkit-border-radius: 6px;
@ -3533,7 +3534,8 @@ div.cardList.narrow {
flex-direction: row; flex-direction: row;
padding: 10px; padding: 10px;
padding-top: 3px; padding-top: 3px;
padding-bottom: 0px; } padding-bottom: 0px;
padding-right: 0px; }
.passwordGenerator .passwordGeneratorBaloon form .passwordValue .passwordWrapper { .passwordGenerator .passwordGeneratorBaloon form .passwordValue .passwordWrapper {
-webkit-box-flex: auto; -webkit-box-flex: auto;
-webkit-flex: auto; -webkit-flex: auto;
@ -3569,11 +3571,13 @@ div.cardList.narrow {
font-feature-settings: "liga" 1, "dlig" 1; font-feature-settings: "liga" 1, "dlig" 1;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
padding-left: 10px;
font-size: 14pt; font-size: 14pt;
font-weight: bold; font-weight: bold;
text-align: center;
padding-left: 5px;
color: #999; color: #999;
width: 20px; } width: 40px;
height: 30px; }
.passwordGenerator .passwordGeneratorBaloon form .passwordValue .button:hover { .passwordGenerator .passwordGeneratorBaloon form .passwordValue .button:hover {
color: white; } color: white; }
.passwordGenerator .passwordGeneratorBaloon form .setValue { .passwordGenerator .passwordGeneratorBaloon form .setValue {

File diff suppressed because one or more lines are too long

View File

@ -678,6 +678,7 @@ $cardViewBasePadding: 10px;
left: 0; left: 0;
min-width: 220px; min-width: 220px;
width: 80%; width: 80%;
max-width: 400px;
// padding: 10px; // padding: 10px;
background-color: $passwordBaloonColor; background-color: $passwordBaloonColor;
color: #fff; color: #fff;
@ -824,6 +825,7 @@ $cardViewBasePadding: 10px;
padding-top: 3px; padding-top: 3px;
// padding-bottom: $passwordBaloonBorder - $borderRadius; // padding-bottom: $passwordBaloonBorder - $borderRadius;
padding-bottom: 0px; padding-bottom: 0px;
padding-right: 0px;
.passwordWrapper { .passwordWrapper {
@include flex(auto); @include flex(auto);
@ -853,11 +855,18 @@ $cardViewBasePadding: 10px;
.button { .button {
@include flex(none); @include flex(none);
@include icon-font(); @include icon-font();
padding-left: 10px; // @include align-self(flex-end);
// @include align-content(center);
// padding-left: 10px;
font-size: 14pt; font-size: 14pt;
font-weight: bold; font-weight: bold;
// overflow: hidden;
text-align: center;
padding-left: 5px;
// background-color: green;
color: #999; color: #999;
width: 20px; width: 40px;
height: 30px;
&:hover { &:hover {
color: white; color: white;