Limit the width of project READMEs
This commit is contained in:
parent
6ff571aa9a
commit
0b7d7df7a5
5 changed files with 13 additions and 2 deletions
|
@ -12,6 +12,12 @@
|
||||||
|
|
||||||
&.readme-holder {
|
&.readme-holder {
|
||||||
margin: $gl-padding 0;
|
margin: $gl-padding 0;
|
||||||
|
|
||||||
|
&.limited-width-container .file-content {
|
||||||
|
max-width: $limited-layout-width-sm;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
|
|
|
@ -53,7 +53,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.limit-container-width-sm {
|
&.limit-container-width-sm {
|
||||||
max-width: 790px;
|
max-width: $limited-layout-width-sm;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -161,6 +161,7 @@ $progress-color: #c0392b;
|
||||||
$header-height: 50px;
|
$header-height: 50px;
|
||||||
$fixed-layout-width: 1280px;
|
$fixed-layout-width: 1280px;
|
||||||
$limited-layout-width: 990px;
|
$limited-layout-width: 990px;
|
||||||
|
$limited-layout-width-sm: 790px;
|
||||||
$gl-avatar-size: 40px;
|
$gl-avatar-size: 40px;
|
||||||
$error-exclamation-point: $red-500;
|
$error-exclamation-point: $red-500;
|
||||||
$border-radius-default: 3px;
|
$border-radius-default: 3px;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
- if readme.rich_viewer
|
- if readme.rich_viewer
|
||||||
%article.file-holder.readme-holder
|
%article.file-holder.readme-holder{ class: ("limited-width-container" unless fluid_layout) }
|
||||||
.js-file-title.file-title
|
.js-file-title.file-title
|
||||||
= blob_icon readme.mode, readme.name
|
= blob_icon readme.mode, readme.name
|
||||||
= link_to namespace_project_blob_path(@project.namespace, @project, tree_join(@ref, readme.path)) do
|
= link_to namespace_project_blob_path(@project.namespace, @project, tree_join(@ref, readme.path)) do
|
||||||
|
|
4
changelogs/unreleased/project-readme-limited-width.yml
Normal file
4
changelogs/unreleased/project-readme-limited-width.yml
Normal file
|
@ -0,0 +1,4 @@
|
||||||
|
---
|
||||||
|
title: Limit the width of the projects README text
|
||||||
|
merge_request:
|
||||||
|
author:
|
Loading…
Reference in a new issue