Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

style to disability and services pages #137

Merged
merged 29 commits into from
Jun 7, 2017
Merged

style to disability and services pages #137

merged 29 commits into from
Jun 7, 2017

Conversation

Suuuuha
Copy link
Member

@Suuuuha Suuuuha commented Jun 5, 2017

related to #101 #102 #142

screenshot from 2017-06-06 17 11 34
screenshot from 2017-06-06 17 11 12
screenshot from 2017-06-06 17 11 39
screenshot from 2017-06-06 17 11 44

@Suuuuha Suuuuha changed the title style to disability page style to disability and services page Jun 6, 2017
@Suuuuha Suuuuha changed the title style to disability and services page style to disability and services pages Jun 6, 2017
// convert this to actual array from 'array-like' object
var filterButtonsArray = [].slice.call(filterButtons)
var buttons = filterButtons.querySelectorAll('button')
console.log(buttons)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

remove console log

@@ -3,7 +3,7 @@
<!-- Generator: Sketch 44 (41411) - http://www.bohemiancoding.com/sketch -->
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

delete this file now?

<section class="">
<div class="">
<a href="/" aria-label={{text.back}}><img src="./assets/icons/BACK_btn.svg" ></a>
<section class="white fixed top-0 mb3">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we have the "w-100 tc" classes like we do in the home.hbs to centre everything?

I've done it and it works fine, except it means the arrow is in the centre. This can be fixed by using float left or right or whatever, but then it's the same for arabic or english, so one of them is in the wrong place always 😢

I think probably its better to have the arrow in the centre and make the site as a whole look better than to have the arrow to the right. we can always fix the position using a helper or something.

<a href="/" aria-label={{text.back}}><img src="./assets/icons/BACK_btn.svg" ></a>
<section class="white fixed top-0 mb3">
<div class="mt4 pt2 f3 mh2">
<a href="/" class="near-white" aria-label={{text.back}}><i aria-hidden="true" class="{{{chooseBack dir}}}"></i></a>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

maybe add "dim" class so it dims when you hover over it

@Suuuuha Suuuuha requested a review from m4v15 June 6, 2017 21:39
@jbesraa jbesraa merged commit 6e77002 into master Jun 7, 2017
@jbesraa jbesraa deleted the disPageStyle branch June 7, 2017 08:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants