mirror of
http://git.whoc.org.uk/git/password-manager.git
synced 2025-10-29 18:37:35 +01:00
Fixed tag editor layout. Behaviour still incomplete, though.
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -159,3 +159,9 @@
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
@mixin placeholder {
|
||||
&::-webkit-input-placeholder {@content}
|
||||
&:-moz-placeholder {@content}
|
||||
&::-moz-placeholder {@content}
|
||||
&:-ms-input-placeholder {@content}
|
||||
}
|
||||
@@ -1,10 +1,16 @@
|
||||
$tagEditor_lineHeight: 26px;
|
||||
.tagEditor {
|
||||
@include flexbox();
|
||||
@include flex-direction(row);
|
||||
|
||||
|
||||
&.readWrite {
|
||||
// border: 1px solid red;
|
||||
}
|
||||
|
||||
ul {
|
||||
@include flex(none);
|
||||
|
||||
@include flexbox();
|
||||
@include flex-direction(row);
|
||||
@include align-items(flex-start);
|
||||
@@ -14,6 +20,7 @@
|
||||
@include icon-font();
|
||||
font-size: 16pt;
|
||||
padding-right: 11px;
|
||||
line-height: $tagEditor_lineHeight;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
@@ -23,6 +30,7 @@
|
||||
font-weight: 100;
|
||||
|
||||
padding-right: 10px;
|
||||
line-height: $tagEditor_lineHeight;
|
||||
|
||||
// &:last-child:after {
|
||||
// content: '';
|
||||
@@ -36,9 +44,30 @@
|
||||
|
||||
span.tagRemoveButton {
|
||||
@include icon-font();
|
||||
color: gray;
|
||||
cursor: pointer;
|
||||
line-height: 22px;
|
||||
color: #ccc;
|
||||
|
||||
&:hover {
|
||||
color: rgb(155, 0, 0);
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
input {
|
||||
@include flex(auto);
|
||||
font-size: 13pt;
|
||||
font-weight: 100;
|
||||
|
||||
line-height: 24px;
|
||||
border: 0px;
|
||||
|
||||
// @include placeholder {
|
||||
// font-style: italic;
|
||||
// color: #ccc;
|
||||
/// font-weight:100;
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
@@ -229,6 +229,14 @@ $cardViewBasePadding: 10px;
|
||||
background-color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
@include placeholder {
|
||||
font-style: italic;
|
||||
color: #ccc;
|
||||
// font-weight:100;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user