summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/framework/files.scss
diff options
context:
space:
mode:
authorFilipa Lacerda <filipa@gitlab.com>2017-01-18 18:56:45 +0100
committerAnnabel Dunstone Gray <annabel.dunstone@gmail.com>2017-01-19 14:44:06 -0600
commit2bb2544ecaf37a02e4055194e90405dc1ffca094 (patch)
tree4f7992d8959b5ac34b40fdea286ec5adda8d2fce /app/assets/stylesheets/framework/files.scss
parent28b4407bded6dd526bfafa5e498b4ac109fec7f7 (diff)
downloadgitlab-ce-2bb2544ecaf37a02e4055194e90405dc1ffca094.tar.gz
Use flexbox instead of media queries
Move CSS to correct file
Diffstat (limited to 'app/assets/stylesheets/framework/files.scss')
-rw-r--r--app/assets/stylesheets/framework/files.scss34
1 files changed, 34 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/files.scss b/app/assets/stylesheets/framework/files.scss
index c51912b4ac4..92170daa475 100644
--- a/app/assets/stylesheets/framework/files.scss
+++ b/app/assets/stylesheets/framework/files.scss
@@ -231,3 +231,37 @@ span.idiff {
}
}
}
+
+
+.file-title-flex-parent {
+ display: flex;
+ align-items: center;
+ background-color: $gray-light;
+ border-bottom: 1px solid $border-color;
+ padding: 10px $gl-padding;
+ margin: 0;
+ border-radius: 3px 3px 0 0;
+
+ > a {
+ flex: 1;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ color: $gl-text-color;
+ }
+
+ small {
+ margin: 0 10px 0 0;
+ }
+
+ .file-actions-fixed {
+ white-space: nowrap;
+
+ .btn {
+ padding: 0 10px;
+ font-size: 13px;
+ line-height: 28px;
+ display: inline-block;
+ }
+ }
+}