Skip to content

GitLab

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
    • Switch to GitLab Next
  • Sign in / Register
codecode.coop
codecode.coop
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Locked Files
  • Issues 9
    • Issues 9
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
    • Iterations
  • Merge Requests 0
    • Merge Requests 0
  • Requirements
    • Requirements
    • List
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
    • Test Cases
  • Security & Compliance
    • Security & Compliance
    • Dependency List
    • License Compliance
  • Operations
    • Operations
    • Incidents
    • Environments
  • Analytics
    • Analytics
    • CI / CD
    • Code Review
    • Insights
    • Issue
    • Repository
    • Value Stream
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • Codeurs en Liberté
  • codecode.coopcodecode.coop
  • Merge Requests
  • !26

Merged
Opened May 02, 2020 by Pierre de La Morinerie@pmorinerieOwner

Nouveau thème

  • Overview 2
  • Commits 6
  • Pipelines 1
  • Changes 15

Cette PR implémente le nouveau thème conçu par @thibautsailly.

Contenu de la PR

  • Amélioration de la cohérence de certains titres et sous-titres utilisés un peu partout (pour harmoniser les éléments)
  • Implémentation du nouveau thème
  • Petites améliorations diverses

Implémentation

Le thème utilise :

  • Des variables CSS, pour définir les grandes constantes générales (pas de IE11 et de vieux Edges, mais sinon ça passe partout) ;
  • Un système de baseline : tous les textes sont alignés sur des lignes horizontales séparées de 8px, avec une rythmique de 24px. C'est un peu tricky à faire en CSS, mais en gros on définit à la main une marge et un padding sur chaque élément pour qu'il soit correctement calé sur la ligne – et ensuite composer les éléments marche comme il faut.
  • Du responsive, avec quatre variantes différentes.

Captures d'écran

Desktop

Mobile

Assignee
Assign to
Reviewer
Request review from
None
Milestone
None
Assign milestone
Time tracking
Reference: CodeursEnLiberte/codecode.coop!26
Source branch: new-theme

Revert this merge request

This will create a new commit in order to revert the existing changes.

Switch branch
Cancel
A new branch will be created in your fork and a new merge request will be started.

Cherry-pick this merge request

Switch branch
Cancel
A new branch will be created in your fork and a new merge request will be started.