cleaned up dash index styles, cleaned up header

This commit is contained in:
Roland Pulliam 2019-02-21 11:35:44 -05:00
parent fc59ab90f6
commit b99890d522
15 changed files with 219 additions and 81 deletions

View file

@ -16,8 +16,8 @@ router.get('/', function(req, res)
]
}).then(function(posts)
{
let title = '';
(!loggedIn) ? title = "Hi, there." : title = "This is the front"
let title = 'Fipamo Admin';
(!loggedIn) ? welcome = "Hello." : welcome = "Welcome back, "+req.session.user.handle
let filtered = [];
for (let index = 0; index < posts.length; index++)
{
@ -34,6 +34,7 @@ router.get('/', function(req, res)
res.render('dash/index',
{
title: title,
welcome: welcome,
user_status: loggedIn,
items: filtered
});

View file

@ -43,6 +43,7 @@ class TextEditor extends EventEmitter
}
});
this.refresh();
window.scroll(0,0);
}
//--------------------------
// methods

View file

@ -1547,7 +1547,7 @@ h2 {
}
h3 {
font-size: 1.5em;
font-weight: 500;
font-weight: 300;
}
/**
-------------------------------
@ -1561,7 +1561,7 @@ body {
height: 100%;
}
a {
font: 300 1em $titleType;
font: 300 1em 'Apercu', Helvetica, Arial, sans-serif;
color: #b2cce5;
text-decoration: underline;
-moz-transition: all 0.1s linear;
@ -1614,15 +1614,21 @@ svg.icons {
z-index: 10;
position: relative;
}
.main-container section header #header-wrapper #header-one label#the-title,
.main-container section header #header-wrapper #header-two {
text-align: right;
color: #f2f1ef;
}
.main-container section header #header-wrapper #header-two a {
text-decoration-color: #fc6399;
}
.main-container section header #header-wrapper #header-two label#the-title {
font-family: 'Apercu-Mono';
font-size: 1.5em;
font-size: 1.2em;
font-weight: 300;
color: #f5ab35;
text-decoration: none;
display: block;
}
.main-container section header #header-wrapper #header-one #dash-menu,
.main-container section header #header-wrapper #header-two #dash-menu {
text-align: right;
}
@ -1799,17 +1805,38 @@ svg.icons {
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list {
padding: 0.75em;
position: relative;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a {
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header {
height: 50px;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header h3 {
vertical-align: top;
display: inline-block;
width: 50%;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-menu {
width: 50%;
text-align: right;
vertical-align: top;
display: inline-block;
margin: 24px 0 24px 0;
right: 10px;
color: #f2f1ef;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-menu a {
text-decoration-color: #fc6399;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link {
font-size: 1.5em;
font-weight: 300;
background: #f2f1ef;
display: inline-block;
border-radius: 3px;
vertical-align: top;
text-decoration: none;
position: relative;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a label {
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link label {
font-size: 0.7em;
font-weight: 700;
color: #161d23;
@ -1818,7 +1845,7 @@ svg.icons {
display: inline-block;
width: 60%;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a span {
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link span {
float: right;
vertical-align: top;
display: inline-block;
@ -1827,35 +1854,36 @@ svg.icons {
padding: 7px;
color: #161d23;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a div {
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div {
width: 100%;
background-size: cover;
border-radius: 3px 3px 0 0;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(2) {
width: 100%;
margin-bottom: 20px;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(2) div {
height: 500px;
background: #f2f1ef;
position: absolute;
bottom: 0;
border-radius: 0 0 3px 3px;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3) {
width: 47%;
margin-right: 20px;
width: 100%;
margin-bottom: 20px;
height: 500px;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3) div {
height: 600px;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4),
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5) {
width: 50.6%;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4) div,
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5) div {
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4) {
width: 49%;
height: 275px;
margin: 0 15px 15px 0;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5) {
margin: -305px 0 0 49.3%;
width: 49%;
height: 550px;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) {
width: 49%;
height: 550px;
margin: -260px 15px 0 0;
}
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) {
width: 49%;
height: 275px;
margin: 15px 0 0 0;
}
/**
-------------------------------
@ -2682,7 +2710,7 @@ select {
fill: #f2f1ef;
}
#edit-control .submit-delete {
background: #ce483b !important;
background: #f64747 !important;
}
#edit-control .submit-delete svg {
fill: #f2f1ef !important;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

View file

@ -7832,6 +7832,7 @@ function (_EventEmitter) {
_this.refresh();
window.scroll(0, 0);
return _this;
} //--------------------------
// methods
@ -8031,6 +8032,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
var PostEditor =
/*#__PURE__*/
function () {
//TODO - FIX POST FEATURE URLS IN DB
//--------------------------
// constructor
//--------------------------
@ -9046,7 +9048,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
document.addEventListener('DOMContentLoaded', function () {
var base = new _Base.default();
}, false);
},{"./Base":"Base.js"}],"../../../../../../.nvm/versions/node/v8.12.0/lib/node_modules/parcel-bundler/src/builtins/hmr-runtime.js":[function(require,module,exports) {
},{"./Base":"Base.js"}],"../../../../../../../.nvm/versions/node/v8.15.0/lib/node_modules/parcel/src/builtins/hmr-runtime.js":[function(require,module,exports) {
var global = arguments[3];
var OVERLAY_ID = '__parcel__error__overlay__';
var OldModule = module.bundle.Module;
@ -9073,7 +9075,7 @@ var parent = module.bundle.parent;
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
var hostname = "" || location.hostname;
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
var ws = new WebSocket(protocol + '://' + hostname + ':' + "55155" + '/');
var ws = new WebSocket(protocol + '://' + hostname + ':' + "64724" + '/');
ws.onmessage = function (event) {
var data = JSON.parse(event.data);
@ -9215,5 +9217,5 @@ function hmrAccept(bundle, id) {
return hmrAccept(global.parcelRequire, id);
});
}
},{}]},{},["../../../../../../.nvm/versions/node/v8.12.0/lib/node_modules/parcel-bundler/src/builtins/hmr-runtime.js","Start.js"], null)
},{}]},{},["../../../../../../../.nvm/versions/node/v8.15.0/lib/node_modules/parcel/src/builtins/hmr-runtime.js","Start.js"], null)
//# sourceMappingURL=/dash/assets/js/dash.min.map

File diff suppressed because one or more lines are too long

View file

@ -19,8 +19,10 @@ html(xmlns='http://www.w3.org/1999/xhtml', lang='en', xml:lang="en")
header#header
#header-wrapper.columns
#header-one.column
label#the-title= title
a(href="/@/dashboard")
img(src="/dash/assets/images/the-logo.svg")
#header-two.column
label#the-title= welcome
-if(user_status)
include partials/dash-nav
block main-content

View file

@ -1,7 +1,4 @@
#dash-menu
a#settings(href="/@/dashboard/settings")
svg(viewBox="0 0 10 10" class="icons")
use(xlink:href='/dash/assets/images/sprite.svg#entypo-cog')
a#navigation(href="/@/dashboard/navigation")
svg(viewBox="0 0 20 20" class="icons")
use(xlink:href='/dash/assets/images/sprite.svg#entypo-list')
a#settings(href="/@/dashboard/settings") Settings
| .
a#navigation(href="/@/dashboard/navigation") Navigation

View file

@ -1,11 +1,18 @@
#dash-recent
#recent-list
.recent-header
h3 Recent
.index-menu
a(href='/@/dashboard/posts') View Posts
| .
a(href='/@/dashboard/posts/add/new') Create Post
br
- var index = 0;
- var cap = 4; // number of respect posts to display
- var cap = 5; // number of posts to display
- for ( index; index < cap; index++)
a(href="/@/dashboard/posts/edit/"+items[index].post.uuid id=items[index].post.uuid)
div(style="background:url("+items[index].post.feature.substr(8)+") no-repeat center center / cover")
a.post-link(href="/@/dashboard/posts/edit/"+items[index].post.uuid id=items[index].post.uuid style="background:url("+items[index].post.feature.substr(8)+") no-repeat center center / cover")
div
label= items[index].post.title
span= items[index].post.created

View file

@ -22,6 +22,9 @@ import DBUtils,
from '../../../../../brain/tools/utilities/DBUtils';
export default class PostEditor
{
//TODO - FIX POST FEATURE URLS IN DB
//--------------------------
// constructor
//--------------------------

View file

@ -9,7 +9,7 @@ $black = #32302f;
//editor colors
$eventCool = #32cd32
$eventLame = #ce483b
$eventLame = #F64747
$editorPrimary = #bebebe;
$editorSecondary = #ffa07a;

View file

@ -73,15 +73,31 @@
#recent-list
padding 0.75em
position relative
.recent-header
height 50px
h3
vertical-align: top
display inline-block
width: 50%
.index-menu
width: 50%
text-align: right
vertical-align: top
display inline-block
margin 24px 0 24px 0
right 10px
color $white
a
text-decoration-color: $highlight
a.post-link
font-size 1.5em
font-weight 300
background $white
display inline-block
border-radius 3px
vertical-align top
text-decoration: none
position relative
label
font-size: .7em
font-weight: 700
@ -101,26 +117,31 @@
div
width 100%
background-size cover
border-radius 3px 3px 0 0
a:nth-child(2)
width 100%
margin-bottom 20px
div
height 500px
background: $white;
position: absolute
bottom: 0
border-radius: 0 0 3px 3px
a:nth-child(3)
width 47%
margin-right 20px
div
height 600px
width 100%
margin-bottom 20px
height 500px
a:nth-child(4), a:nth-child(5)
width 50.6%
div
a:nth-child(4)
width 49%
height 275px
margin 0 15px 15px 0
a:nth-child(5)
margin -305px 0 0 49.3%
width 49%
height 550px
a:nth-child(6)
width 49%
height 550px
margin -260px 15px 0 0
a:nth-child(7)
width 49%
height 275px
margin: 15px 0 0 0

View file

@ -4,7 +4,7 @@ html, body
height 100%
a
font 300 1em $titleType
font 300 1em $baseType
color $secondary
text-decoration underline
object-transitions(0.1s)
@ -53,10 +53,16 @@ svg.icons
#header-one, #header-two
z-index 10
position relative
#header-two
text-align right
color $white
a
text-decoration-color: $highlight
label#the-title
font-family 'Apercu-Mono'
font-size 1.5em
font-size 1.2em
font-weight: 300
color $tertiary
text-decoration none
display block

View file

@ -114,5 +114,5 @@ h2
h3
font-size 1.5em
font-weight 500
font-weight 300