web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

text input styling

Browse Source 
differentiate between input and readonly
This commit is contained in:
David Benqué
2019-11-21 15:33:15 +00:00
parent 6a663c5d35
commit 8cfc108276
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
customize.dist/src/less2/include/alertify.less
View File

@@ -209,14 +209,14 @@
} }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: darken(@alertify-input-fg, 15%); color: @cryptpad_color_grey;
opacity: 1; /* Firefox */ opacity: 1; /* Firefox */
} }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: darken(@alertify-input-fg, 15%); color: @cryptpad_color_grey;
} }
::-ms-input-placeholder { /* Microsoft Edge */ ::-ms-input-placeholder { /* Microsoft Edge */
color: darken(@alertify-input-fg, 15%); color: @cryptpad_color_grey;
} }
input:not(.form-control), textarea { input:not(.form-control), textarea {
background-color: @alertify-input-fg; background-color: @alertify-input-fg;
@@ -226,6 +226,11 @@
width: 100%; width: 100%;
font-size: 100%; font-size: 100%;
padding: @alertify_padding-base; padding: @alertify_padding-base;
&[readonly="readonly"]{
background-color: @alertify-light-bg;
color: @cryptpad_text_col;
border-color: @alertify-input-fg;
}
} }
span.cp-password-container { span.cp-password-container {

2
customize.dist/src/less2/include/usergrid.less
View File

@@ -24,7 +24,7 @@
min-width: 0; min-width: 0;
margin-bottom: 0 !important; margin-bottom: 0 !important;
&::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ &::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: @colortheme_alertify-primary-text; color: @cryptpad_color_grey;
opacity: 1; /* Firefox */ opacity: 1; /* Firefox */
} }
} }