Skip to content
GitLab
Projects Groups Topics Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • Website Website
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributor statistics
    • Graph
    • Compare revisions
  • Issues 9
    • Issues 9
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 1
    • Merge requests 1
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Container Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • TeDomumTeDomum
  • WebsiteWebsite
  • Merge requests
  • !149
The source project of this merge request has been removed.

Improve the distinction between images and text

Merged Cédric Marie requested to merge (removed):dev-img into dev Nov 25, 2022
  • Overview 8
  • Pipelines 0
  • Changes 28

In most documentation pages, the screenshots have a white background, which makes them uneasy to distinguish from the text.

Add a CSS rule for all screenshots in order to add a margin on the left, and a thin black border around. There is currently no custom CSS file, so create one in "assets" directory.

For all figures with width="100%", reduce them to "90%", so that they don't overflow on the right (and make a horizontal scrollbar appear), and we have the same margin (5%) on the left and right sides.

Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: dev-img