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;
padding-bottom: 0px; }
#extraFeaturesPanel .extraFeatureContent .OTP .actions {
padding-left: 6px;
padding-left: 5px;
padding-top: 6px; }
#extraFeaturesPanel .extraFeatureContent .OTP .actions a {
font-family: 'clipperz-icons';
@ -2422,7 +2422,7 @@ span.count {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
cursor: pointer;
font-size: 18pt;
font-size: 22pt;
line-height: 1.1em; }
#extraFeaturesPanel .extraFeatureContent .OTP .actions a:hover {
color: green; }
@ -2432,54 +2432,9 @@ span.count {
display: inline-block;
margin-right: 1em;
padding: 1em 0; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
border: 1px solid #222;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px 0;
margin: 4px 0; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpAction {
width: 40px;
text-align: center; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpAction a {
font-family: 'clipperz-icons';
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
cursor: pointer;
font-size: 16pt;
line-height: 1.1em; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpAction a:hover {
color: red; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpPassword {
font-size: 14pt;
line-height: 1.3em;
-webkit-user-select: text;
/* Chrome all / Safari all */
-moz-user-select: text;
/* Firefox all */
-ms-user-select: text;
/* IE 10+ */
/* No support for these yet, use at own risk */
-o-user-select: text;
user-select: text; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel {
#extraFeaturesPanel .extraFeatureContent .OTP .otpList {
padding-top: 10px; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
@ -2491,78 +2446,140 @@ span.count {
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin-right: 5px; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel:before {
border: 1px solid #222;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px 0;
margin: 4px 0; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpAction {
-webkit-box-flex: none;
-webkit-flex: none;
-moz-box-flex: none;
-moz-flex: none;
-ms-flex: none;
flex: none;
content: 'label';
font-family: 'clipperz-icons';
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-style: normal;
padding-right: 4px;
color: gray;
line-height: 20pt; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel span {
width: 36px; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpAction a {
font-family: 'clipperz-icons';
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
cursor: pointer;
font-size: 16pt;
line-height: 1.1em;
display: inline-block;
padding-left: 7px;
width: inherit; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpAction a:hover {
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;
font-size: 12pt;
color: #333;
padding: 4px 0px 4px 0px;
line-height: 1.3em;
cursor: pointer;
font-style: italic; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel span.customLabel {
color: gray;
font-style: normal; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel input {
-webkit-box-flex: auto;
-webkit-flex: auto;
-moz-box-flex: auto;
-moz-flex: auto;
-ms-flex: auto;
flex: auto;
font-size: 12pt;
color: gray;
width: 100%;
border: 0px;
padding: 2px;
padding-left: 0px;
margin: 0px;
margin-bottom: 1px;
background-color: #333; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel input::-webkit-input-placeholder {
font-style: italic;
color: #444; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel input:-moz-placeholder {
font-style: italic;
color: #444; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel input::-moz-placeholder {
font-style: italic;
color: #444; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel input:-ms-input-placeholder {
font-style: italic;
color: #444; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpStatusInfo {
font-size: 8pt;
color: gray; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpStatusInfo span {
padding-right: 10px; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail.REQUESTED, #extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail.USED {
background-color: #222; }
flex: auto; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpPassword {
font-size: 14pt;
line-height: 1.3em;
-webkit-user-select: text;
/* Chrome all / Safari all */
-moz-user-select: text;
/* Firefox all */
-ms-user-select: text;
/* IE 10+ */
/* No support for these yet, use at own risk */
-o-user-select: text;
user-select: text; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin-right: 5px; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel:before {
-webkit-box-flex: none;
-webkit-flex: none;
-moz-box-flex: none;
-moz-flex: none;
-ms-flex: none;
flex: none;
content: 'label';
font-family: 'clipperz-icons';
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-style: normal;
padding-right: 4px;
color: gray;
line-height: 20pt; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel span {
-webkit-box-flex: auto;
-webkit-flex: auto;
-moz-box-flex: auto;
-moz-flex: auto;
-ms-flex: auto;
flex: auto;
font-size: 12pt;
color: #333;
padding: 4px 0px 4px 0px;
line-height: 1.3em;
cursor: pointer;
font-style: italic; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel span.customLabel {
color: gray;
font-style: normal; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel input {
-webkit-box-flex: auto;
-webkit-flex: auto;
-moz-box-flex: auto;
-moz-flex: auto;
-ms-flex: auto;
flex: auto;
font-size: 12pt;
color: gray;
width: 100%;
border: 0px;
padding: 2px;
padding-left: 0px;
margin: 0px;
margin-bottom: 1px;
background-color: #333; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel input::-webkit-input-placeholder {
font-style: italic;
color: #444; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel input:-moz-placeholder {
font-style: italic;
color: #444; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel input::-moz-placeholder {
font-style: italic;
color: #444; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpLabel input:-ms-input-placeholder {
font-style: italic;
color: #444; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpStatusInfo {
font-size: 8pt;
color: gray; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail .otpInfo .otpStatusInfo span {
padding-right: 10px; }
#extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail.REQUESTED, #extraFeaturesPanel .extraFeatureContent .OTP .otpList .otpDetail.USED {
background-color: #222; }
#extraFeaturesPanel .extraFeatureContent .OTP table tr td a {
font-size: small;
padding: 0 1em;

File diff suppressed because one or more lines are too long

View File

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