muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

fixed input appearance

Browse source
This commit is contained in:
Fedor Katurov 2019-11-14 15:08:30 +07:00
parent a90285a4ac
commit 93e7b05ddf
4 changed files with 102 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/styles/inputs.scss
View file

@ -13,8 +13,12 @@
background: $input_bg_color;
&::before {
content: ' ';
background: linear-gradient(270deg, $input_bg_color $gap, transparentize($input_bg_color, 1));
content: " ";
background: linear-gradient(
270deg,
$input_bg_color $gap,
transparentize($input_bg_color, 1)
);
position: absolute;
width: $gap * 2;
height: $input_height;
@ -94,7 +98,7 @@
&.required {
&::after {
content: ' ';
content: " ";
width: 5px;
height: 5px;
border-radius: 3px;
@ -129,7 +133,7 @@
}
.title {
padding-right: 40px;
// padding-right: 40px;
}
&.focused {
@ -259,11 +263,11 @@
.title {
font: $font;
position: absolute;
left: 0;
width: 100%;
left: 6px;
// width: 100%;
top: 12px;
bottom: auto;
padding: 0 16px;
padding: 0 4px;
box-sizing: border-box;
display: inline-flex;
align-items: center;
@ -273,6 +277,7 @@
touch-action: none;
color: transparentize(white, 0.3);
text-transform: capitalize;
background: $input_bg_color;
span {
font: $font;