git://git.nikiroo.be
/
fanfix.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
8032f93
)
web server: max size -> media query
author
Niki Roo
<niki@nikiroo.be>
Tue, 12 May 2020 14:45:08 +0000
(16:45 +0200)
committer
Niki Roo
<niki@nikiroo.be>
Tue, 12 May 2020 14:45:08 +0000
(16:45 +0200)
src/be/nikiroo/fanfix/library/web/style.css
patch
|
blob
|
blame
|
history
diff --git
a/src/be/nikiroo/fanfix/library/web/style.css
b/src/be/nikiroo/fanfix/library/web/style.css
index aadbf332a566e546933e738103c661cdfc18c5dc..5c4d1bbf017953ea95bd28b29de6804ff8033586 100644
(file)
--- a/
src/be/nikiroo/fanfix/library/web/style.css
+++ b/
src/be/nikiroo/fanfix/library/web/style.css
@@
-24,7
+24,6
@@
table {
}
.main {
}
.main {
- max-width: 800px;
margin: auto;
}
margin: auto;
}
@@
-156,22
+155,15
@@
a.viewer.link:hover {
padding-right: 10px;
}
padding-right: 10px;
}
-.bar.navbar {
- padding-left: calc(min(50%, 800px / 2) - (4 * 64px / 2));
-}
+.bar.navbar { padding-left: calc(50% - (4 * 64px / 2)); }
+
+.bar.optionbar.s1 { padding-left: calc(50% - (1 * 64px / 2)); }
+.bar.optionbar.s4 { padding-left: calc(50% - (4 * 64px / 2)); }
.bar.optionbar {
bottom: 0;
}
.bar.optionbar {
bottom: 0;
}
-.bar.optionbar.s1 {
- padding-left: calc(min(50%, 800px / 2) - (1 * 64px / 2));
-}
-
-.bar.optionbar.s4 {
- padding-left: calc(min(50%, 800px / 2) - (4 * 64px / 2));
-}
-
.bar .button {
height: 54px;
width: 54px;
.bar .button {
height: 54px;
width: 54px;
@@
-207,3
+199,14
@@
a.viewer.link:hover {
.bar .button.zoomreal { background-image: url('/actual_size-32x32.png'); }
.bar .button.zoomwidth { background-image: url('/fit_to_width-32x32.png'); }
.bar .button.zoomheight { background-image: url('/fit_to_height-32x32.png'); }
.bar .button.zoomreal { background-image: url('/actual_size-32x32.png'); }
.bar .button.zoomwidth { background-image: url('/fit_to_width-32x32.png'); }
.bar .button.zoomheight { background-image: url('/fit_to_height-32x32.png'); }
+
+@media(min-width: 800px) {
+ .main {
+ max-width: 800px;
+ }
+
+ .bar.navbar { padding-left: calc(400px - (4 * 64px / 2)); }
+
+ .bar.optionbar.s1 { padding-left: calc(400px - (1 * 64px / 2)); }
+ .bar.optionbar.s4 { padding-left: calc(400px - (4 * 64px / 2)); }
+}