diff options
author | Jose Vargas <jvargas@gitlab.com> | 2018-08-03 20:51:54 +0300 |
---|---|---|
committer | Jose Vargas <jvargas@gitlab.com> | 2018-08-10 00:55:13 +0300 |
commit | e01456fd405d54e880b847e27e184da31d8e64b7 (patch) | |
tree | d16cbfa1287e2e88c5dd0cef7532991457f920ec /app/assets/stylesheets/pages/editor.scss | |
parent | 266666d153542179e39dceab59fec0a327165a04 (diff) |
Solve buttons on new file page wrap outside of the container
Diffstat (limited to 'app/assets/stylesheets/pages/editor.scss')
-rw-r--r-- | app/assets/stylesheets/pages/editor.scss | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/app/assets/stylesheets/pages/editor.scss b/app/assets/stylesheets/pages/editor.scss index ddd1f8cc98a..64d5126b783 100644 --- a/app/assets/stylesheets/pages/editor.scss +++ b/app/assets/stylesheets/pages/editor.scss @@ -36,6 +36,7 @@ line-height: 35px; padding-top: 7px; padding-bottom: 7px; + display: flex; .float-right { height: 20px; @@ -49,6 +50,7 @@ display: block; float: left; margin-right: 10px; + flex: 1; } .editor-file-name { @@ -60,14 +62,10 @@ .new-file-name { display: inline-block; - max-width: 450px; + max-width: 420px; float: left; @media(max-width: map-get($grid-breakpoints, lg)-1) { - width: 280px; - } - - @media(max-width: map-get($grid-breakpoints, md)-1) { width: 180px; } } @@ -111,9 +109,11 @@ } -@include media-breakpoint-down(xs) { +@include media-breakpoint-down(sm) { .file-editor { .file-title { + display: block; + .float-right { height: auto; } @@ -144,6 +144,10 @@ } } } + + .editor-ref { + max-width: 250px; + } } } |