Commit e429e473 authored by Enrique Alcántara's avatar Enrique Alcántara

Merge branch 'refactor-secondary_navigation_elements' into 'master'

Refactor secondary_navigation_elements.scss

See merge request gitlab-org/gitlab!45763
parents 59cdb025 7287ea34
......@@ -69,7 +69,7 @@
line-height: 28px;
white-space: normal;
/* Small devices (phones, tablets, 768px and lower) */
/* Small devices (phones, 768px and lower) */
@include media-breakpoint-down(xs) {
width: 100%;
}
......@@ -92,7 +92,7 @@
padding: 16px 15px 11px;
}
/* Small devices (phones, tablets, 768px and lower) */
/* Small devices (phones, 768px and lower) */
@include media-breakpoint-down(sm) {
width: 100%;
}
......@@ -102,15 +102,6 @@
display: inline-block;
text-align: right;
@include media-breakpoint-down(sm) {
margin-top: $gl-padding-8;
}
@include media-breakpoint-up(md) {
display: flex;
align-items: center;
}
> .btn,
> .btn-group,
> .btn-container,
......@@ -146,6 +137,35 @@
}
}
@include media-breakpoint-up(md) {
display: flex;
align-items: center;
}
@include media-breakpoint-down(md) {
$controls-margin: $btn-margin-5 - 2px;
flex: 0 0 100%;
margin-top: $gl-padding-8;
.controls-item,
.controls-item-full,
.controls-item:last-child {
flex: 1 1 35%;
display: block;
width: 100%;
margin: $controls-margin;
.btn,
.dropdown {
margin: 0;
}
}
.controls-item-full {
flex: 1 1 100%;
}
}
@include media-breakpoint-down(sm) {
padding-bottom: 0;
width: 100%;
......@@ -239,32 +259,6 @@
pre {
width: 100%;
}
@include media-breakpoint-down(md) {
.nav-controls {
$controls-margin: $btn-margin-5 - 2px;
flex: 0 0 100%;
margin-top: $gl-padding-8;
.controls-item,
.controls-item-full,
.controls-item:last-child {
flex: 1 1 35%;
display: block;
width: 100%;
margin: $controls-margin;
.btn,
.dropdown {
margin: 0;
}
}
.controls-item-full {
flex: 1 1 100%;
}
}
}
}
.scrolling-tabs-container {
......
---
title: Refactor secondary_navigation_elements.scss
merge_request: 45763
author: Takuya Noguchi
type: other
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment