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

Several project view adjustments in CSS #17

Merged
merged 26 commits into from
Aug 29, 2016
Merged

Conversation

akitaonrails
Copy link
Member

@akitaonrails akitaonrails commented Aug 26, 2016

  • Adding material-icons to use their icons
  • moving the main menu and sub-menu to sidebar
  • making the sidebar being a fixed layer (other ideas to have smooth transitions in both desktop and mobile?)
  • making the mobile project view start by opening just the "in progress" column (doing this by just manually hiding the views instead of using the proper toggle events (so the links in the sidebar are not according to their status yet)
  • BUG: the Add Story opens a new story in the Chilly Bin column, but it's hidden in the mobile. Must change the column view events have a different behavior in mobile: to toggle off all views but the one being opened and making the add story trigger the chilly bin column view event so it hides whatever column is currently visible and opening the chilly bin instead)

All adapter from the latest commits of this other fork: fulcrum-agile/fulcrum#251

screen shot 2016-08-27 at 18 53 19

screen shot 2016-08-27 at 18 51 14

screen shot 2016-08-27 at 18 51 03

screen shot 2016-08-27 at 18 50 56

screen shot 2016-08-27 at 18 50 44

screen shot 2016-08-27 at 18 50 37

cc @viniciuspalma @talyssonoc

</span>
<% } %>
<% if (story.get('story_type') == 'chore') { %>
<i class="fa fa-cog"></i>
Copy link
Contributor

Choose a reason for hiding this comment

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

❤️

padding-right: 2px;
top: -3px;
background: transparent;
line-height: 15px;
Copy link
Contributor

Choose a reason for hiding this comment

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

.estimates {
  padding-left: 10px;
  padding-right: 2px;

  .estimate {
    font-weight: normal;
    border-radius: none;
    margin-left: -3px;
    border-right: 1px solid #858484;
    padding-right: 2px;
    top: -3px;
    background: transparent;
    line-height: 15px;
  }
}

adbatista and others added 3 commits August 26, 2016 16:22
Copied and adapted from here: https://github.com/BlackrockDigital/startbootstrap-simple-sidebar
TODO: instead of the sidebar pushing the content to the right, it should be an overlay on top of the content
padding-right: 2px;
top: -3px;
background: transparent;
line-height: 15px;
Copy link
Contributor

Choose a reason for hiding this comment

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

It's a good practice not to use units when defining a value for the line-height property, it can lead to unexpected behavior with child elements (although I think won't be the case here).

…he left and transitions by resizing the content container.

Instead the sidebar is a fixed layer on top of the content but hidden and the toggle makes it visible.
Moving most of the main menu and also the project view’s column toggle buttons as links in the same sidebar.
And making the mobile view show just the in_progress column and making a few adjustments so it just renders barely correct.
…ing a new note is not return as soon as the server finishes and the refresh is being used to update the view state. Must investigate. For now, tuning the timeout down to pick up the updates faster (less than 10 seconds)
Adjusting CSS to have better spacing between elements
@akitaonrails
Copy link
Member Author

@vitortalaia @adbatista @rscardinho I've just pushed a bunch of CSS and JS adjustments to make it all work reasonably good in mobile view. Check out the updated PR description above. Feedback is greatly appreciated!

@rscardinho
Copy link
Contributor

Using material_icons
screen shot 2016-08-27 at 10 10 17 pm
screen shot 2016-08-27 at 10 10 27 pm
screen shot 2016-08-27 at 10 10 35 pm
screen shot 2016-08-27 at 10 11 57 pm
screen shot 2016-08-27 at 10 12 05 pm

@@ -626,6 +623,11 @@ div#keycut-help {
.sign-in .checkbox {
margin-left: 50px;
}
.devise_links {
Copy link
Member

Choose a reason for hiding this comment

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

We should use devise-links here instead of devise_links to follow the standard of the other class names.

Make the scale to view port only show one column when in a mobile view
Make add story open the chilly bin column if hidden
Make the view has at least the in progress column open if all are hidden
Velocity can’t be zero
Making the devise links be a proper list
@akitaonrails akitaonrails merged commit 37ceeb0 into master Aug 29, 2016
@adbatista adbatista deleted the visual_adjustments branch August 30, 2016 00:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants