voog / design-anchorage Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 1.0 42.62 MB

Anchorage design for Voog

JavaScript 18.88% Smarty 33.05% CSS 19.12% SCSS 28.94%

design-anchorage's Introduction

Issue tracker and wiki for Voog CMS developers

This repository has multiple purposes:

Issue and feature request tracker
Release note repository
Wiki aimed towards developers to share and document quirks, tricks and necessary hacks

Submitting new issues

When submitting a new issue or a feature request, there are a few steps you should take:

Look through the current list and see if yours might be a duplicate, in which case you should comment on the original thread instead.
Try to fill out our issue template. We appreciate any relevant information that might assist us solving the problem or implementing the feature. Also don't forget to add a relevant "bug" or "feature" label to the created issue.

Useful links

voog.com/developers

voog.com/support

design-anchorage's People

Contributors

Stargazers

Watchers

Forkers

trymory

design-anchorage's Issues

Check if pre and code blocks have styles on each content area

P-tag and list tag font sizes are different in front page

P-tag and list tag font sizes are different in front page - list elements are bigger.

Blog header tweaks

https://www.dropbox.com/s/prx0srlguqj3rv5/Screenshot%202015-09-03%2009.02.08.png?dl=0
(Left is as designed)

Flag icons are not in same line with titles

Mobile text-based langugae menu is misplaced

Fixed width style pushes frontpage top area too wide

Next and previous article links depend on article content and is broken if no content is set

Content page max-width should be 700px

Photo article is not using selected image as header bg

.blog-news-page .article-author, .blog-news-page .article-date – font-weight 300
.blog-article-page .comments-title – font-weight 300
.blog-news-page .articles-listing .blog-article .article-date - font-weight 300

Fine tune feature area styles

Footer tweaks

Color: #afafaf
font size 14px
link #4a4a4a
fw 300

Clicking on search icon does do nothing

"Next" and "Prev" tweaks

https://www.dropbox.com/s/63plz3k2aabzkba/Screenshot%202015-09-01%2016.42.54.png?dl=0

Fix language menu styles

Active language should be different
Flags are not centralized to label (FF)
Language menu is too wide when there has only short labels and no flags.
Language menu arrow position needs to be improved (without flags)

Use default image dominant color in BG Picker color scheme calculation

Form submission doesn't scroll to form errors

Black button tweaks

Line weight has some problems + hover jumping

https://www.dropbox.com/s/5elzt6zfseb8l94/Screenshot%202015-09-03%2008.50.24.png?dl=0

Blog comments x is not centered

Fine tune common page

Front page - bottom area (with bg image) content is too small

Front page - bottom area (with bg image) content is too small. When clicking on it then its only cursor-wide.

Rewrite "photo article" and "text article" logic with live updating.

Fine tune mobile views

Fine tune blog article page

Update image container styles

Mobile menu should be opened from the current location

Add proper elements styles for each content area

Refactor mobile menu (new design)

Whit button tweaks

Hover:
bg: #fff
color: #4a4a4a

test

testtest

Body font weight to 3000

Also remove .front-page .page-content .content-area

There is double scroll in (photo) article page

There is double scroll in article page

Content pages footer should be grey by default

Comment form in mobile view is misplaced

Fine tune blog listing page

Archive tweaks

https://www.dropbox.com/s/iz2xojxf73yy64s/Screenshot%202015-09-03%2009.05.52.png?dl=0

Also reduce the title and date whitespace by half.

Optimize "Feature pictures" area

Maybe there's no need for the complicated Liquid calculations and can be done with the :empty class and flexbox.

There should be different style for inactive and untranslated menu item

Convert basic layout to flexbox instead of JS calculation

Make language menu width dynamic if needed

Comment form has some double scroll

Custom fonts are not loaded

Example: In style stylesheets there is reference to assets/roboto-regular.woff but file name is Roboto-Regular.woff.

IE11: Front page featured image areas are out of window for larger screens

Eg if screen is smaller than ~1140 then it's ok, otherwise these three areas are shifted to right.

Use "format_date" instead of "date" filter article dates

Use format_date instead of date filter article dates to show translated month names for enduser.

Current:

<time class="article-date" datetime="{{ article.created_at | date: '%Y-%m-%d' }}">{{ article.created_at | date: "%d. %B %Y" }}, </time>

Should be:

<time class="article-date" datetime="{{ article.created_at | date: '%Y-%m-%d' }}">{{ article.created_at | format_date: "%d. %B %Y" }}, </time>

Prefer format_date filter values like default, long or short over custom format like %d. %B %Y - since month and day order may be different in other languages. Read more: http://www.voog.com/developers/templating/basics/filters#format_date