Style improvements.
parent
a3b8d2eb54
commit
ddc756191f
|
@ -296,13 +296,7 @@ render-body = ->
|
||||||
h \div#main-section [
|
h \div#main-section [
|
||||||
switch model.current-view
|
switch model.current-view
|
||||||
when "login"
|
when "login"
|
||||||
h \div.columns [
|
model.login-form.render!
|
||||||
h \div.column
|
|
||||||
h \div.column [
|
|
||||||
model.login-form.render!
|
|
||||||
]
|
|
||||||
h \div.column
|
|
||||||
]
|
|
||||||
|
|
||||||
when "project-list"
|
when "project-list"
|
||||||
render-project-list!
|
render-project-list!
|
||||||
|
|
|
@ -7,6 +7,9 @@
|
||||||
|
|
||||||
// @import "../node_modules/bulmaswatch/superhero/_overrides.scss"
|
// @import "../node_modules/bulmaswatch/superhero/_overrides.scss"
|
||||||
|
|
||||||
|
html
|
||||||
|
overflow: hidden
|
||||||
|
|
||||||
#body
|
#body
|
||||||
position: absolute
|
position: absolute
|
||||||
top: 0
|
top: 0
|
||||||
|
@ -16,18 +19,34 @@
|
||||||
display: flex
|
display: flex
|
||||||
flex-flow: column nowrap
|
flex-flow: column nowrap
|
||||||
|
|
||||||
.project, .project .columns
|
|
||||||
height: 100%
|
|
||||||
|
|
||||||
.project .columns
|
.project .columns
|
||||||
overflow-x: auto
|
overflow-x: auto
|
||||||
|
height: 100%
|
||||||
|
|
||||||
.avatar
|
.avatar
|
||||||
border-radius: 4px
|
border-radius: 4px
|
||||||
|
|
||||||
|
// FIXME: wrap this in a desktop media query.
|
||||||
|
.login-form
|
||||||
|
position: absolute
|
||||||
|
left: calc(50% - 150px)
|
||||||
|
right: calc(50% - 150px)
|
||||||
|
top: 25%
|
||||||
|
|
||||||
#main-section
|
#main-section
|
||||||
margin: 0.75rem 1.5rem
|
margin: 0.75rem 1.5rem
|
||||||
flex: 1 1 auto
|
flex: 1 1 auto
|
||||||
|
overflow-y: auto
|
||||||
|
overflow-x: hidden
|
||||||
|
position: relative
|
||||||
|
|
||||||
|
.project
|
||||||
|
position: absolute
|
||||||
|
top: 0
|
||||||
|
bottom: 0
|
||||||
|
// FIXME: Those are supposed to match bulma’s column margins… use variables.
|
||||||
|
left: 0.75em
|
||||||
|
right: 0.75em
|
||||||
|
|
||||||
.project .columns .column
|
.project .columns .column
|
||||||
padding: 0.25rem
|
padding: 0.25rem
|
||||||
|
|
Loading…
Reference in New Issue