GithubHelp home page GithubHelp logo

ministryofjustice / pflr-cait Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 1.0 2.55 MB

Child Arrangements Informational Tool

License: MIT License

JavaScript 16.95% CSS 28.50% HTML 18.16% Dockerfile 1.50% Nunjucks 34.90%
x-justice-delivery-team

pflr-cait's People

Contributors

aldavidson avatar bnewing avatar davehearsey avatar davidslv avatar dependabot[bot] avatar digitalali-moj avatar kulwantl avatar njseeto avatar solidgoldpig avatar therichey avatar tmckernan avatar zheileman avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

uk-gov-mirror

pflr-cait's Issues

Default branch is not main

Hi there
The default branch for this repository is not set to main
See repository settings/settings/branches to rename the default branch to main and ensure the Branch protection rules is set to main as well
See the repository standards: https://github.com/ministryofjustice/github-repository-standards
See the report: https://operations-engineering-reports.cloud-platform.service.justice.gov.uk/github_repositories
Please contact Operations Engineering on Slack #ask-operations-engineering, if you need any assistance

User access removed, access is now via a team

Hi there

This user had Direct Member access to this repository and access via a team.

Access is now only via a team.

If you have any questions, please post in #ask-operations-engineering on Slack.

This issue can be closed.

Read more links

The read more links have an uppercase letter on the name of the page in the link. Eg. 'Read more about Professional mediation'

Width pros & cons on content pages

iPad portrait issue.
The width of the pros & cons box looks narrower on the content page vs. the summary page. The text is wrapping sooner. Preference is to update the content page to be the same as the summary.

Content page

screen shot 2017-05-05 at 11 40 20

Summary page

screen shot 2017-05-05 at 11 39 18

IE 11 - icon spacing on process template

There is a slight spacing issue on IE11 (tested on windows 7 & 8.1 via browserstack. There is too much space between the step number and icon.

Screenshot from Browserstack
screen shot 2017-05-11 at 16 47 29

Text alignment buttons on mobile

The button text on the mobile viewport (when they go full width) is aligned left but the GDS pattern aligns the text centrally.

Current

screen shot 2017-05-05 at 11 42 35

Proposed

screen shot 2017-05-05 at 11 44 38

Ensure print styling handles non-standard elements

General

  • Remove feedback and beta copy
  • Add service URL after service name in header
  • All URL's should be absolute and have no underline
  • Reduce leading on bullet points (pros & cons & get info on)
  • Pros & cons should have 1px border and blue lines removed (same style as GDS call out styling)
  • Pros & cons headings should be same size as 'choose this if'
  • Pros & cons bullets to align left with headings (pros & cons)
  • Cost to follow same styling as pros & cons and copy to run full width
  • Cost font size to be same as step heading
  • Remove video content
  • Intra nav links to align left with the main heading 'Other ways to reach an agreement'

img_2346
img_2347

Summary

  • Reduce spacing beneath preparing and resolution headings in the introduction
  • Remove links from option headings
  • Align 'get info on' heading and bullet points left with the paragraph text
  • Reduce spacing above and beneath the 'get info on' content
  • Reduce the leading on the bullet points of 'get info on'

Process

  • Align the step number heading left with the step heading
  • Reduce the spacing between the step number and heading

fullsizerender
fullsizerender_1

Top alignment Pros & Cons

iPad portrait issue
The pros & cons box should be aligned top with the paragraph on the left on the summary page

Current

screen shot 2017-05-05 at 11 47 41

Proposed Removed the margin-top: 2rem

screen shot 2017-05-05 at 11 48 40

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.