1
0
mirror of http://git.whoc.org.uk/git/password-manager.git synced 2024-11-14 23:49:02 +01:00

Fixed OTP rendering

This commit is contained in:
Giulio Cesare Solaroli 2015-09-23 17:48:35 +02:00
parent e32f30f3ba
commit 4710a571e7
No known key found for this signature in database
GPG Key ID: 22E34C908F02CBA2
3 changed files with 141 additions and 116 deletions

View File

@ -2410,7 +2410,7 @@ span.count {
margin-bottom: 0px; margin-bottom: 0px;
padding-bottom: 0px; } padding-bottom: 0px; }
#extraFeaturesPanel .extraFeatureContent .OTP .actions { #extraFeaturesPanel .extraFeatureContent .OTP .actions {
padding-left: 6px; padding-left: 5px;
padding-top: 6px; } padding-top: 6px; }
#extraFeaturesPanel .extraFeatureContent .OTP .actions a { #extraFeaturesPanel .extraFeatureContent .OTP .actions a {
font-family: 'clipperz-icons'; font-family: 'clipperz-icons';
@ -2422,7 +2422,7 @@ span.count {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
cursor: pointer; cursor: pointer;
font-size: 18pt; font-size: 22pt;
line-height: 1.1em; } line-height: 1.1em; }
#extraFeaturesPanel .extraFeatureContent .OTP .actions a:hover { #extraFeaturesPanel .extraFeatureContent .OTP .actions a:hover {
color: green; } color: green; }
@ -2432,6 +2432,8 @@ span.count {
display: inline-block; display: inline-block;
margin-right: 1em; margin-right: 1em;
padding: 1em 0; } padding: 1em 0; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList {
padding-top: 10px; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail { #extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
@ -2451,8 +2453,13 @@ span.count {
padding: 5px 0; padding: 5px 0;
margin: 4px 0; } margin: 4px 0; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpAction { #extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpAction {
width: 40px; -webkit-box-flex: none;
text-align: center; } -webkit-flex: none;
-moz-box-flex: none;
-moz-flex: none;
-ms-flex: none;
flex: none;
width: 36px; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpAction a { #extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpAction a {
font-family: 'clipperz-icons'; font-family: 'clipperz-icons';
-webkit-font-feature-settings: "liga" 1, "dlig" 1; -webkit-font-feature-settings: "liga" 1, "dlig" 1;
@ -2464,9 +2471,19 @@ span.count {
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
cursor: pointer; cursor: pointer;
font-size: 16pt; font-size: 16pt;
line-height: 1.1em; } line-height: 1.1em;
display: inline-block;
padding-left: 7px;
width: inherit; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpAction a:hover { #extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpAction a:hover {
color: red; } color: red; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo {
-webkit-box-flex: auto;
-webkit-flex: auto;
-moz-box-flex: auto;
-moz-flex: auto;
-ms-flex: auto;
flex: auto; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpPassword { #extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpPassword {
font-size: 14pt; font-size: 14pt;
line-height: 1.3em; line-height: 1.3em;

File diff suppressed because one or more lines are too long

View File

@ -533,13 +533,13 @@ refer to http://www.clipperz.com.
} }
.actions { .actions {
padding-left: 6px; padding-left: 5px;
padding-top: 6px; padding-top: 6px;
a { a {
@include icon-font(); @include icon-font();
cursor: pointer; cursor: pointer;
font-size: 18pt; font-size: 22pt;
line-height: 1.1em; line-height: 1.1em;
&:hover { &:hover {
@ -564,6 +564,7 @@ refer to http://www.clipperz.com.
} }
.otpList { .otpList {
padding-top: 10px;
.otpDetail { .otpDetail {
$detailPadding: 5px; $detailPadding: 5px;
@ -580,8 +581,10 @@ refer to http://www.clipperz.com.
margin: $detailMargin 0; margin: $detailMargin 0;
.otpAction { .otpAction {
width: 40px; @include flex(none);
text-align: center;
width: 36px;
// text-align: center;
// @include align-self(center); // @include align-self(center);
a { a {
@ -589,6 +592,9 @@ refer to http://www.clipperz.com.
cursor: pointer; cursor: pointer;
font-size: 16pt; font-size: 16pt;
line-height: 1.1em; line-height: 1.1em;
display: inline-block;
padding-left: 7px;
width: inherit;
&:hover { &:hover {
color: red; color: red;
@ -597,6 +603,8 @@ refer to http://www.clipperz.com.
} }
.otpInfo { .otpInfo {
@include flex(auto);
.otpPassword { .otpPassword {
font-size: 14pt; font-size: 14pt;
line-height: 1.3em; line-height: 1.3em;