Limit the width of project READMEs
This commit is contained in:
parent
6ff571aa9a
commit
0b7d7df7a5
|
@ -12,6 +12,12 @@
|
|||
|
||||
&.readme-holder {
|
||||
margin: $gl-padding 0;
|
||||
|
||||
&.limited-width-container .file-content {
|
||||
max-width: $limited-layout-width-sm;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
|
|
|
@ -53,7 +53,7 @@ body {
|
|||
}
|
||||
|
||||
&.limit-container-width-sm {
|
||||
max-width: 790px;
|
||||
max-width: $limited-layout-width-sm;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -161,6 +161,7 @@ $progress-color: #c0392b;
|
|||
$header-height: 50px;
|
||||
$fixed-layout-width: 1280px;
|
||||
$limited-layout-width: 990px;
|
||||
$limited-layout-width-sm: 790px;
|
||||
$gl-avatar-size: 40px;
|
||||
$error-exclamation-point: $red-500;
|
||||
$border-radius-default: 3px;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
- 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
|
||||
= blob_icon readme.mode, readme.name
|
||||
= link_to namespace_project_blob_path(@project.namespace, @project, tree_join(@ref, readme.path)) do
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
title: Limit the width of the projects README text
|
||||
merge_request:
|
||||
author:
|
Loading…
Reference in New Issue