Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
LQDN Adminsys
generateur-slogans
Commits
ed9731a2
Verified
Commit
ed9731a2
authored
Oct 10, 2017
by
Thibaut Broggi
Browse files
Change blocks order depending on viewport size
parent
0700c5cf
Changes
2
Expand all
Hide whitespace changes
Inline
Side-by-side
static/style.css
View file @
ed9731a2
...
...
@@ -17,6 +17,11 @@ nav {
background-color
:
#2f5188
;
color
:
white
;
text-align
:
center
;
position
:
fixed
;
top
:
0
;
left
:
0
;
height
:
12vw
;
z-index
:
2
;
font-size
:
8vw
;
display
:
flex
;
flex-direction
:
row
;
...
...
@@ -59,20 +64,11 @@ a {
}
div
#inputs
{
position
:
absolute
;
left
:
0
;
width
:
30vw
;
height
:
100%
;
background-color
:
white
;
}
@media
(
min-width
:
992px
)
{
div
#inputs
{
top
:
0
;
left
:
7vw
;
}
}
.colorpicker
input
[
type
=
"radio"
]
{
display
:
none
;
}
...
...
@@ -166,18 +162,23 @@ a.prevButton {
}
main
{
position
:
absolute
;
left
:
30vw
;
background-color
:
#ebf3ff
;
min-height
:
100%
;
padding-left
:
40px
;
}
@media
(
min-width
:
992px
)
{
main
{
top
:
0
;
left
:
37vw
;
right
:
0
;
#body
{
display
:
flex
;
flex-direction
:
row
;
}
@media
(
max-width
:
991px
)
{
#credits
{
display
:
none
;
}
#body
{
flex-direction
:
column-reverse
;
}
}
...
...
views/index.ejs
View file @
ed9731a2
This diff is collapsed.
Click to expand it.
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment