bitque/jirs-client/js/css/styledInput.scss
Adrian Woźniak 3ee08dea54 Upgrade and fix slow autoresize
Fix global handler

Fix initial content, fix settings status, restore partially working rte

Fmt

Implement keyup for rte

Save editor type, switch in mixed mode

Fix initial state for switch between editors

New logger, add handle multiple editors

Nicer editor switcher, fix change user mode in project settings

Epics starts and ends at. Fix DateTime Input month name
2021-04-27 23:57:15 +02:00

65 lines
1.3 KiB
SCSS

.styledInput {
position: relative;
display: inline-block;
min-height: 32px;
width: 100%;
> .inputElement {
min-height: 32px;
height: 100%;
width: 100%;
padding: 0 7px;
border-radius: 3px;
border: 1px solid var(--borderLightest);
color: var(--textDarkest);
background: var(--backgroundLightest);
transition: background 0.1s;
font-family: var(--font-regular);
font-size: 15px;
&:hover {
background: var(--backgroundLight);
}
&:focus {
background: #fff;
border: 1px solid var(--borderInputFocus);
box-shadow: 0 0 0 1px var(--borderInputFocus);
}
}
> .inputElement.withIcon {
padding-left: 32px;
}
> .inputElement.primary {
padding: 8px 12px 9px;
height: 39px;
}
> i.styledIcon {
font-size: 15px;
position: absolute;
top: 8px;
left: 8px;
pointer-events: none;
color: #5E6C84;
}
}
.styledInput.invalid {
input {
border: 1px solid var(--danger);
box-shadow: none;
&:focus {
border: 1px solid var(--danger);
box-shadow: none;
}
}
.error {
color: var(--danger);
}
}