Modals styling + Fix for gapless first <p>

This commit is contained in:
NGPixel 2016-11-20 23:28:15 -05:00
parent 985761556c
commit fc7e7d3d5a
7 changed files with 43 additions and 47 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -152,9 +152,17 @@ const parseContent = (content) => {
let output = mkdown.render(content);
let cr = cheerio.load(output);
//-> Style table headers
//-> Check for empty first element
//cr('table').addClass('table is-bordered is-striped is-narrow');
let firstElm = cr.root().children().first()[0];
if(firstElm.type === 'tag' && firstElm.name === 'p') {
let firstElmChildren = firstElm.children;
if(firstElmChildren.length < 1) {
firstElm.remove();
} else if(firstElmChildren.length === 1 && firstElmChildren[0].type === 'tag' && firstElmChildren[0].name === 'img') {
cr(firstElm).addClass('is-gapless');
}
}
//-> Remove links in headers

View File

@ -2,12 +2,9 @@
.modal-background
.modal-container
.modal-content
.card.is-fullwidth
header.card-header.is-warning
p.card-header-title Discard?
.card-content
.content
| Are you sure you want to leave this page and loose anything you wrote so far?
footer.card-footer
a.card-footer-item.btn-create-discard Stay on page
a.card-footer-item(href='/') Discard
header.is-orange Discard?
section
span Are you sure you want to leave this page and loose anything you wrote so far?
footer
a.button.is-grey.is-outlined.btn-create-discard Stay on page
a.button.is-orange(href='/') Discard

View File

@ -3,15 +3,12 @@
.modal-background
.modal-container
.modal-content
.card.is-fullwidth
header.card-header
p.card-header-title Create New Page
.card-content
.content
label.label Enter the new document path:
p.control
input.input(type='text', placeholder='page-name')#txt-create-prompt
span.help.is-danger.is-hidden This document path is invalid!
footer.card-footer
a.card-footer-item.btn-create-prompt Discard
a.card-footer-item.btn-create-go Create
header.is-light-blue Create New Document
section
label.label Enter the new document path:
p.control.is-fullwidth
input.input(type='text', placeholder='page-name')#txt-create-prompt
span.help.is-danger.is-hidden This document path is invalid!
footer
a.button.is-grey.is-outlined.btn-create-prompt Discard
a.button.is-light-blue.btn-create-go Create

View File

@ -3,12 +3,9 @@
.modal-background
.modal-container
.modal-content
.card.is-fullwidth
header.card-header.is-warning
p.card-header-title Discard?
.card-content
.content
| Are you sure you want to leave this page and loose any modifications?
footer.card-footer
a.card-footer-item.btn-edit-discard Stay on page
a.card-footer-item(href='/' + pageData.meta.path) Discard
header.is-orange Discard?
section
span Are you sure you want to leave this page and loose any modifications?
footer
a.button.is-grey.is-outlined.btn-edit-discard Stay on page
a.button.is-orange(href='/' + pageData.meta.path) Discard

View File

@ -3,16 +3,13 @@
.modal-background
.modal-container
.modal-content
.card.is-fullwidth
header.card-header.is-info
p.card-header-title Move document
.card-content
.content
label.label Enter the new document path:
p.control
input.input(type='text', placeholder='page-name')#txt-move-prompt
span.help.is-danger.is-hidden This document path is invalid or not allowed!
span Note that moving or renaming documents can lead to broken links. Make sure to edit any page that links to this document afterwards!
footer.card-footer
a.card-footer-item.btn-move-prompt Discard
a.card-footer-item.btn-move-go Move
header.is-indigo Move document
section
label.label Enter the new document path:
p.control.is-fullwidth
input.input(type='text', placeholder='page-name')#txt-move-prompt
span.help.is-red.is-hidden This document path is invalid or not allowed!
span.note Note that moving or renaming documents can lead to broken links. Make sure to edit any page that links to this document afterwards!
footer
a.button.is-grey.is-outlined.btn-move-prompt Discard
a.button.is-indigo.btn-move-go Move