projects
/
lantea.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
make drawers work again on small screens, show a warning when indexedDB is not loading
[lantea.git]
/
style
/
lantea.css
diff --git
a/style/lantea.css
b/style/lantea.css
index 589beff92bb657bd98b4a32f3af584fbc9bf0de4..16bacfcc11edc4774132d558fb0b6279d4a592d3 100644
(file)
--- a/
style/lantea.css
+++ b/
style/lantea.css
@@
-183,7
+183,7
@@
h1 {
@media screen and (max-width: 330px) {
.menuDrawer {
@media screen and (max-width: 330px) {
.menuDrawer {
-
left: calc(-300px - 1ch
); /* account for padding */
+
transform: translateX(calc(-300px - 1ch)
); /* account for padding */
width: 300px;
}
}
width: 300px;
}
}
@@
-219,11
+219,6
@@
h1 {
font-size: .75em;
}
font-size: .75em;
}
-.dialogTitle {
- margin: 0 0 .5em;
- font-weight: bold;
-}
-
.dialogHelp {
margin: .5em 0;
font-size: .8em;
.dialogHelp {
margin: .5em 0;
font-size: .8em;
@@
-415,12
+410,19
@@
h1 {
color: #FFFFFF;
}
color: #FFFFFF;
}
-/* dialog area - only used for loading error */
+#loginerror {
+ color: red;
+ font-weight: bold;
+ padding: .5em;
+}
+
+/* dialog area - for loading error and welcome messages */
#dialogArea {
#dialogArea {
+ position: absolute;
top: 20%;
right: 0;
left: 0;
top: 20%;
right: 0;
left: 0;
- width:
3
0ch;
+ width:
5
0ch;
max-width: 92%;
z-index: 10;
background-color: rgba(255, 255, 255, .8);
max-width: 92%;
z-index: 10;
background-color: rgba(255, 255, 255, .8);
@@
-431,10
+433,19
@@
h1 {
}
#dialogArea.hidden {
}
#dialogArea.hidden {
- top: -100%;
+ top: -100
0
%;
display: block;
}
display: block;
}
+.dialogTitle {
+ margin: 0 0 .5em;
+ font-weight: bold;
+}
+
+.dialogButtonLine {
+ text-align: center;
+}
+
/* full screen overlay - library, etc. */
.fullScreenOverlay {
position: absolute;
/* full screen overlay - library, etc. */
.fullScreenOverlay {
position: absolute;