Reformat My Cards page

* make the page more visually pleasing
* user +viewer to display Markdown in titles
* modify `colorClass()` in Lists model to return 'list-header-{color}'
* modify `colorClass()` of Swimlanes model to return 'swimlane-{color}'
This commit is contained in:
John R. Supplee 2021-01-04 13:53:08 +02:00
parent a0b72d0287
commit e793e71163
7 changed files with 75 additions and 24 deletions

View file

@ -19,22 +19,58 @@
font-size: 1.4em
margin: 5px
.my-cards-board-wrapper
border-radius: 8px
//padding: 0.5rem
max-width: 400px
border-width: 8px
border-color: grey
border-style: solid
margin-bottom: 2rem
margin-right: auto
margin-left: auto
.board-title
font-size: 1.4rem
font-weight: bold
padding: 0.5rem
background-color: grey
color: white
.swimlane-title
font-size: 1.2rem
font-size: 1.1rem
font-weight: bold
margin-left: 1em
margin-top: 10px
padding: 0.5rem
padding-bottom: 0.4rem
margin-top: 0
margin-bottom: 0.5rem
//border-top: black 1px solid
//border-bottom: black 1px solid
text-align: center
.swimlane-default-color
background-color: lightgrey
.list-title
margin-top: 5px
font-weight: bold
margin-left: 1.6rem
font-size: 1.1rem
//padding-bottom: 0
//margin-bottom: 0
text-align: center
margin-bottom: 0.7rem
.list-color-bar
//height: 0.3rem
margin-bottom: 0.3rem
margin-top: 0
padding-top: 0
.my-cards-list-wrapper
margin: 1rem
margin-top: 1rem
border-radius: 5px
padding: 1.5rem
padding-top: 0.75rem
.card-title
margin-top: 5px
margin-left: 1.8rem
max-width: 350px;