added option labels to dash recent items

This commit is contained in:
Ro 2020-06-24 19:32:19 -07:00
parent 35a20479fe
commit e1418dd1a1
3 changed files with 32 additions and 4 deletions

View file

@ -15,6 +15,13 @@
- for ( index; index < pages.length; index++)
a.post-link(href="/@/dashboard/page/edit/"+pages[index].page.metadata.uuid id=pages[index].page.metadata.uuid style="background:url("+pages[index].page.metadata.feature+") no-repeat center center / cover")
div
label= pages[index].page.metadata.title
span= pages[index].date
label= pages[index].page.metadata.title
#options
- var menu = String(pages[index].page.metadata.menu)
- var published = String(pages[index].page.metadata.published)
- var featured = String(pages[index].page.metadata.featured)
span.item-options(data-active=menu) MENU ITEM
span.item-options(data-active=published) PUBLISHED
span.item-options(data-active=featured) FEATURED

View file

@ -38,6 +38,7 @@ export default class APIUtils {
//--------------------------
// methods
//--------------------------
//TODO: Make 'private' class
request(
requestURL,
eventType,

View file

@ -122,23 +122,25 @@
position relative
label
font-size 0.7em
font-size 1.2em
font-weight 700
color $primary - 60%
padding 5px
vertical-align top
display inline-block
word-wrap break-word
width 60%
width 100%
text-align center
span
float right
vertical-align top
width 100%
display inline-block
font-family $monoType
font-size 0.5em
padding 7px
color $primary - 60%
text-align: center
div
width 100%
@ -146,6 +148,24 @@
position absolute
bottom 0
border-radius 0 0 3px 3px
#options
display inline-block
vertical-align: top
width: 100%
position relative
text-align: center
.item-options[data-active='false']
width 65px
background $primary - 60%
color $white
border-radius 3px
margin 5px
.item-options[data-active='true']
width 70px
background $tertiary + 50%
color $primary - 60%
border-radius 3px
margin 5px
a:nth-child(3)
width 100%