kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Adjust modal body styles to match design spec

Browse source 
Set min-height to 80px via $modal-body-height
Set padding to 16px overall and 48px on right via $grid-size
This commit is contained in:
mfluharty 2019-07-05 13:20:49 -06:00
parent 01fea14f51
commit 563bfca700
No known key found for this signature in database
GPG key ID: 6FDA03A308D239E8
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/assets/stylesheets/framework/modal.scss
View file

@ -35,7 +35,8 @@
background-color: $modal-body-bg; background-color: $modal-body-bg;
line-height: $line-height-base; line-height: $line-height-base;
position: relative; position: relative;
padding: #{3 * $grid-size} #{2 * $grid-size}; min-height: $modal-body-height;
padding: #{2 * $grid-size} #{6 * $grid-size} #{2 * $grid-size} #{2 * $grid-size};
text-align: left; text-align: left;
white-space: normal; white-space: normal;

2
app/assets/stylesheets/framework/variables.scss
View file

@ -805,7 +805,7 @@ $border-color-settings: #e1e1e1;
/* /*
Modals Modals
*/ */
$modal-body-height: 134px; $modal-body-height: 80px;
$modal-border-color: #e9ecef; $modal-border-color: #e9ecef;
$priority-label-empty-state-width: 114px; $priority-label-empty-state-width: 114px;