From e9246148a6f5f61b8eeacb3539df80d390ce1ab7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Rub=C3=A9n=20D=C3=A1vila?= Date: Wed, 20 Jan 2016 00:07:40 -0500 Subject: Refactor some CSS rules. --- app/assets/stylesheets/pages/projects.scss | 21 ++++++++++++++++----- app/views/projects/forks/index.html.haml | 2 +- 2 files changed, 17 insertions(+), 6 deletions(-) diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss index 0643b03ed26..93aa61f8049 100644 --- a/app/assets/stylesheets/pages/projects.scss +++ b/app/assets/stylesheets/pages/projects.scss @@ -569,18 +569,28 @@ pre.light-well { * Forks list rendered on Project's forks page */ +.forks-top-block { + padding: 16px 0; +} + .projects-search-form { &.fork-search-form { margin: 0; margin-top: -$gl-padding; padding-bottom: 0; - width: 540px; input { - width: calc(100% - 300px); + /* Small devices (tablets, 768px and up) */ + @media (min-width: $screen-sm-min) { width: 180px; } + + /* Medium devices (desktops, 992px and up) */ + @media (min-width: $screen-md-min) { width: 350px; } + + /* Large devices (large desktops, 1200px and up) */ + @media (min-width: $screen-lg-min) { width: 400px; } } - button.sort-forks { + .sort-forks { width: 160px; } @@ -596,10 +606,11 @@ pre.light-well { } .private-forks-notice .private-fork-icon { - i.fa-circle { + i:nth-child(1) { color: #2AA056; } - i.fa-lock { + + i:nth-child(2) { color: #FFFFFF; } } diff --git a/app/views/projects/forks/index.html.haml b/app/views/projects/forks/index.html.haml index a5ca641558e..a362185210a 100644 --- a/app/views/projects/forks/index.html.haml +++ b/app/views/projects/forks/index.html.haml @@ -1,4 +1,4 @@ -.gray-content-block.top-block.clearfix.white +.gray-content-block.top-block.clearfix.white.forks-top-block .pull-left - public_count = @public_forks.size - protected_count = @protected_forks.size -- cgit v1.2.1