therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

made alerts use red with transparent theme red. some UI improvs

Browse source
This commit is contained in:
Henry Jameson 2018-04-08 03:22:03 +03:00
parent 2e95193559
commit cc02672e14
9 changed files with 57 additions and 50 deletions

22
src/App.scss
View file

@ -99,6 +99,8 @@ input, textarea, .select {
box-sizing: border-box;
display: inline-block;
position: relative;
height: 29px;
line-height: 16px;
.icon-down-open {
position: absolute;
@ -122,9 +124,11 @@ input, textarea, .select {
margin: 0;
color: $fallback--fg;
color: var(--fg, $fallback--fg);
padding: 4px 3ch 3px 3px;
padding: 4px 2em 3px 3px;
width: 100%;
z-index: 1;
height: 29px;
line-height: 16px;
}
&[type=radio],
@ -371,6 +375,22 @@ nav {
}
}
.alert {
margin: 0.35em;
padding: 0.25em;
border-radius: $fallback--tooltipRadius;
border-radius: var(--tooltipRadius, $fallback--tooltipRadius);
color: $fallback--faint;
color: var(--faint, $fallback--faint);
min-height: 28px;
line-height: 28px;
&.error {
background-color: $fallback--cAlertRed;
background-color: var(--cAlertRed, $fallback--cAlertRed);
}
}
@media all and (max-width: 959px) {
.mobile-hidden {
display: none;