diff options
author | Ezekiel Kigbo <ekigbo@gitlab.com> | 2019-05-02 14:49:11 +0200 |
---|---|---|
committer | Ezekiel Kigbo <ekigbo@gitlab.com> | 2019-05-06 16:42:44 +0100 |
commit | cd27bead2e16586f9dcb1c9a467afce18f39fcb0 (patch) | |
tree | 613e689146f2b984f4ec86a5442887fd8ba74cd2 /app/assets | |
parent | 6accad69e214f44ac84f3ceac4159c712aa9af2e (diff) | |
download | gitlab-ce-cd27bead2e16586f9dcb1c9a467afce18f39fcb0.tar.gz |
Cleanup css classes and styles
Use class and id syntax for button attributes
Use feature flag variable and shorthand if expression
Use shorthand if expression
Use a classname instead of tag
Simplify common rules
Use size variable
Move flex grow and shrink to utility classes
Extract redused classes
Remove unecessary styles
Diffstat (limited to 'app/assets')
-rw-r--r-- | app/assets/stylesheets/pages/projects.scss | 34 |
1 files changed, 12 insertions, 22 deletions
diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss index 6bd45ba3d4e..151af843c95 100644 --- a/app/assets/stylesheets/pages/projects.scss +++ b/app/assets/stylesheets/pages/projects.scss @@ -1476,10 +1476,16 @@ pre.light-well { .filtered-search { min-width: 30%; - flex: 1 1 0; + flex-basis: 0; .project-filter-form .project-filter-form-field { - padding-right: 8px; + padding-right: $gl-padding-8; + } + + .filtered-search, + .filtered-search-nav, + .filtered-search-dropdown { + flex-basis: 0; } @include media-breakpoint-down(lg) { @@ -1495,16 +1501,12 @@ pre.light-well { } } - .qa-reverse-sort { - max-width: 38px; - } - .filtered-search-box { border-radius: 3px 0 0 3px; } .dropdown-menu-toggle { - margin-left: 8px; + margin-left: $gl-padding-8; } @include media-breakpoint-down(md) { @@ -1514,27 +1516,15 @@ pre.light-well { .filtered-search-dropdown { width: 50%; - } - .filtered-search-dropdown .dropdown { - display: flex; - flex: 1 1 0; - } - - .filtered-search-dropdown .dropdown button { - width: 100%; + .dropdown-menu-toggle { + width: 100%; + } } } @include media-breakpoint-down(xs) { - .dropdown-menu-toggle { - width: 100%; - } - - .filtered-search, - .filtered-search-nav, .filtered-search-dropdown { - flex: 1 1 0; width: 100%; } } |