Commit 0e7260d7 authored by Annabel Dunstone Gray's avatar Annabel Dunstone Gray

Fix sidebar conflicts

parent 42b4be65
...@@ -45,15 +45,10 @@ export default class NewNavSidebar { ...@@ -45,15 +45,10 @@ export default class NewNavSidebar {
toggleCollapsedSidebar(collapsed) { toggleCollapsedSidebar(collapsed) {
this.$sidebar.toggleClass('sidebar-icons-only', collapsed); this.$sidebar.toggleClass('sidebar-icons-only', collapsed);
<<<<<<< HEAD
this.$page.toggleClass('page-with-new-sidebar', !collapsed);
this.$page.toggleClass('page-with-icon-sidebar', collapsed);
=======
if (this.$sidebar.length) { if (this.$sidebar.length) {
this.$page.toggleClass('page-with-new-sidebar', !collapsed); this.$page.toggleClass('page-with-new-sidebar', !collapsed);
this.$page.toggleClass('page-with-icon-sidebar', collapsed); this.$page.toggleClass('page-with-icon-sidebar', collapsed);
} }
>>>>>>> upstream/master
NewNavSidebar.setCollapsedCookie(collapsed); NewNavSidebar.setCollapsedCookie(collapsed);
} }
......
...@@ -15,13 +15,9 @@ $new-sidebar-width: 220px; ...@@ -15,13 +15,9 @@ $new-sidebar-width: 220px;
$new-sidebar-collapsed-width: 50px; $new-sidebar-collapsed-width: 50px;
.page-with-new-sidebar { .page-with-new-sidebar {
<<<<<<< HEAD
padding-left: $new-sidebar-collapsed-width;
=======
@media (min-width: $screen-md-min) { @media (min-width: $screen-md-min) {
padding-left: $new-sidebar-collapsed-width; padding-left: $new-sidebar-collapsed-width;
} }
>>>>>>> upstream/master
@media (min-width: $screen-lg-min) { @media (min-width: $screen-lg-min) {
padding-left: $new-sidebar-width; padding-left: $new-sidebar-width;
...@@ -108,21 +104,14 @@ $new-sidebar-collapsed-width: 50px; ...@@ -108,21 +104,14 @@ $new-sidebar-collapsed-width: 50px;
&.sidebar-icons-only { &.sidebar-icons-only {
width: $new-sidebar-collapsed-width; width: $new-sidebar-collapsed-width;
<<<<<<< HEAD
.nav-item-name,
=======
>>>>>>> upstream/master
.badge, .badge,
.project-title { .project-title {
display: none; display: none;
} }
<<<<<<< HEAD
=======
.nav-item-name { .nav-item-name {
opacity: 0; opacity: 0;
} }
>>>>>>> upstream/master
} }
&.nav-sidebar-expanded { &.nav-sidebar-expanded {
...@@ -242,11 +231,7 @@ $new-sidebar-collapsed-width: 50px; ...@@ -242,11 +231,7 @@ $new-sidebar-collapsed-width: 50px;
position: fixed; position: fixed;
top: 0; top: 0;
left: $new-sidebar-width; left: $new-sidebar-width;
<<<<<<< HEAD
width: 150px;
=======
min-width: 150px; min-width: 150px;
>>>>>>> upstream/master
margin-top: -1px; margin-top: -1px;
padding: 8px 1px; padding: 8px 1px;
background-color: $white-light; background-color: $white-light;
...@@ -343,33 +328,19 @@ $new-sidebar-collapsed-width: 50px; ...@@ -343,33 +328,19 @@ $new-sidebar-collapsed-width: 50px;
// Collapsed nav // Collapsed nav
<<<<<<< HEAD
.toggle-sidebar-button {
=======
.toggle-sidebar-button, .toggle-sidebar-button,
.close-nav-button { .close-nav-button {
>>>>>>> upstream/master
width: $new-sidebar-width - 2px; width: $new-sidebar-width - 2px;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
padding: 16px; padding: 16px;
background-color: $gray-normal; background-color: $gray-normal;
<<<<<<< HEAD
=======
border: 0; border: 0;
>>>>>>> upstream/master
border-top: 2px solid $border-color; border-top: 2px solid $border-color;
color: $gl-text-color-secondary; color: $gl-text-color-secondary;
display: flex; display: flex;
align-items: center; align-items: center;
<<<<<<< HEAD
@media (max-width: $screen-xs-max) {
display: none;
}
=======
>>>>>>> upstream/master
i { i {
font-size: 20px; font-size: 20px;
margin-right: 8px; margin-right: 8px;
...@@ -385,11 +356,6 @@ $new-sidebar-collapsed-width: 50px; ...@@ -385,11 +356,6 @@ $new-sidebar-collapsed-width: 50px;
} }
} }
<<<<<<< HEAD
.sidebar-icons-only {
.context-header {
height: 60px;
=======
.toggle-sidebar-button { .toggle-sidebar-button {
@media (max-width: $screen-xs-max) { @media (max-width: $screen-xs-max) {
display: none; display: none;
...@@ -400,7 +366,6 @@ $new-sidebar-collapsed-width: 50px; ...@@ -400,7 +366,6 @@ $new-sidebar-collapsed-width: 50px;
.sidebar-icons-only { .sidebar-icons-only {
.context-header { .context-header {
height: 61px; height: 61px;
>>>>>>> upstream/master
a { a {
padding: 10px 4px; padding: 10px 4px;
...@@ -429,10 +394,7 @@ $new-sidebar-collapsed-width: 50px; ...@@ -429,10 +394,7 @@ $new-sidebar-collapsed-width: 50px;
.toggle-sidebar-button { .toggle-sidebar-button {
width: $new-sidebar-collapsed-width - 2px; width: $new-sidebar-collapsed-width - 2px;
<<<<<<< HEAD
=======
padding: 16px 18px; padding: 16px 18px;
>>>>>>> upstream/master
.collapse-text, .collapse-text,
.fa-angle-double-left { .fa-angle-double-left {
...@@ -448,13 +410,10 @@ $new-sidebar-collapsed-width: 50px; ...@@ -448,13 +410,10 @@ $new-sidebar-collapsed-width: 50px;
// Mobile nav // Mobile nav
<<<<<<< HEAD
=======
.close-nav-button { .close-nav-button {
display: none; display: none;
} }
>>>>>>> upstream/master
.toggle-mobile-nav { .toggle-mobile-nav {
display: none; display: none;
background-color: transparent; background-color: transparent;
......
...@@ -6,11 +6,7 @@ ...@@ -6,11 +6,7 @@
.group-title .group-title
= @group.name = @group.name
%ul.sidebar-top-level-items %ul.sidebar-top-level-items
<<<<<<< HEAD
= nav_link(path: ['groups#show', 'groups#activity', 'groups#subgroups', 'analytics#show'], html_options: { class: 'home' }) do = nav_link(path: ['groups#show', 'groups#activity', 'groups#subgroups', 'analytics#show'], html_options: { class: 'home' }) do
=======
= nav_link(path: ['groups#show', 'groups#activity', 'groups#subgroups'], html_options: { class: 'home' }) do
>>>>>>> upstream/master
= link_to group_path(@group), title: 'Group overview' do = link_to group_path(@group), title: 'Group overview' do
.nav-icon-container .nav-icon-container
= custom_icon('project') = custom_icon('project')
...@@ -96,9 +92,6 @@ ...@@ -96,9 +92,6 @@
%span %span
CI / CD CI / CD
<<<<<<< HEAD
= render "groups/ee/settings_nav" = render "groups/ee/settings_nav"
=======
>>>>>>> upstream/master
= render 'shared/sidebar_toggle_button' = render 'shared/sidebar_toggle_button'
...@@ -2,10 +2,7 @@ ...@@ -2,10 +2,7 @@
= icon('angle-double-left') = icon('angle-double-left')
= icon('angle-double-right') = icon('angle-double-right')
%span.collapse-text Collapse sidebar %span.collapse-text Collapse sidebar
<<<<<<< HEAD
=======
= button_tag class: 'close-nav-button', type: 'button' do = button_tag class: 'close-nav-button', type: 'button' do
= icon ('times') = icon ('times')
%span.collapse-text Close sidebar %span.collapse-text Close sidebar
>>>>>>> upstream/master
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