Fixed card rendering and enabled text selection for notes and field labels

This commit is contained in:
Giulio Cesare Solaroli 2015-03-12 21:23:42 +01:00
parent 40d9725c37
commit 765567f5ae
No known key found for this signature in database
GPG Key ID: 22E34C908F02CBA2
3 changed files with 43 additions and 12 deletions

View File

@ -2207,13 +2207,25 @@ div.cardList.narrow {
.content .tagEditor { .content .tagEditor {
padding: 10px; } padding: 10px; }
.content .cardNotes { .content .cardNotes {
width: 100%;
border: 0px; border: 0px;
font-size: 10pt; font-size: 10pt;
white-space: pre-wrap; padding: 10px 42px 10px 42px; }
word-wrap: break-word; }
.content .cardNotes div { .content .cardNotes div {
padding: 10px; } -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;
line-height: 1.5em; }
.content .cardNotes textarea {
white-space: pre-wrap;
word-wrap: break-word;
width: 100%;
border: 0px; }
.content .dropArea { .content .dropArea {
background-color: #ccc; background-color: #ccc;
width: 100%; width: 100%;
@ -2294,7 +2306,16 @@ div.cardList.narrow {
.content .cardField .fieldValues .fieldLabel { .content .cardField .fieldValues .fieldLabel {
color: gray; color: gray;
padding-bottom: 4px; padding-bottom: 4px;
margin-bottom: 4px; } margin-bottom: 4px;
-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; }
.content .cardField .fieldValues .fieldLabel input { .content .cardField .fieldValues .fieldLabel input {
font-size: 12pt; font-size: 12pt;
color: gray; color: gray;
@ -2302,7 +2323,7 @@ div.cardList.narrow {
width: 100%; } width: 100%; }
.content .cardField .fieldValues .fieldValue { .content .cardField .fieldValues .fieldValue {
font-size: 18pt; font-size: 18pt;
line-height: 28px; line-height: 1.2em;
-webkit-user-select: text; -webkit-user-select: text;
/* Chrome all / Safari all */ /* Chrome all / Safari all */
-moz-user-select: text; -moz-user-select: text;

File diff suppressed because one or more lines are too long

View File

@ -319,18 +319,26 @@ $cardViewBasePadding: 10px;
} }
.cardNotes { .cardNotes {
width: 100%; // width: 100%;
border: 0px; border: 0px;
font-size: 10pt; font-size: 10pt;
// font-style: italic; // font-style: italic;
white-space: pre-wrap; padding: 10px 42px 10px 42px;
word-wrap: break-word;
// background-color: gold; // background-color: gold;
div { div {
padding: $cardViewBasePadding; @include user-select(text);
line-height: 1.5em;
// padding: $cardViewBasePadding;
}
textarea {
white-space: pre-wrap;
word-wrap: break-word;
width: 100%;
border: 0px;
} }
} }
@ -419,6 +427,7 @@ $cardViewBasePadding: 10px;
// border-bottom: 1px dotted #ddd; // border-bottom: 1px dotted #ddd;
padding-bottom: 4px; padding-bottom: 4px;
margin-bottom: 4px; margin-bottom: 4px;
@include user-select(text);
input { input {
font-size: 12pt; font-size: 12pt;
@ -430,7 +439,8 @@ $cardViewBasePadding: 10px;
.fieldValue { .fieldValue {
font-size: 18pt; font-size: 18pt;
line-height: 28px; // line-height: 28px;
line-height: 1.2em;
@include user-select(text); @include user-select(text);
white-space: pre-wrap; white-space: pre-wrap;