summaryrefslogtreecommitdiff
path: root/muk_web_theme/static/src/scss/navbar.scss
blob: 999fea5978e55ea600a5616a587998bf597c3f91 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
/**********************************************************************************
*
*    Copyright (c) 2017-today MuK IT GmbH.
*
*    This file is part of MuK Grid Snippets
*    (see https://mukit.at).
*
*    This program is free software: you can redistribute it and/or modify
*    it under the terms of the GNU Lesser General Public License as published by
*    the Free Software Foundation, either version 3 of the License, or
*    (at your option) any later version.
*
*    This program is distributed in the hope that it will be useful,
*    but WITHOUT ANY WARRANTY; without even the implied warranty of
*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
*    GNU Lesser General Public License for more details.
*
*    You should have received a copy of the GNU Lesser General Public License
*    along with this program. If not, see <http://www.gnu.org/licenses/>.
*
**********************************************************************************/

@include media-breakpoint-down(sm) {
    .o_main_navbar {
		display: flex;
		> .dropdown {
		    display: flex;
		    .navbar-toggler {
		        color: white;
		    }
		    .o_menu_sections, .o_menu_systray {
		        padding: 0;
		    }
		}
		.o_menu_systray {
		    margin-left: auto;
		}
		.o_debug_manager {
			.dropdown-menu.show {
				@include mk-full-screen-sections();
			}
		}
		.o_user_menu, .o_switch_company_menu {
			> .dropdown-toggle {
				padding: 0 10px;
				white-space: nowrap;
				&::before, &::after {
		            content: normal;
		        }
			}
			.dropdown-menu.show {
				@include mk-full-screen-sections();
			}
		}
		.o_user_menu img {
			margin-bottom: 3px;
		}
		.o_menu_brand, .o_menu_sections, .oe_topbar_name {
		    display: none;
		}
		.o-menu-toggle {
		    cursor: pointer;
		    padding: 0 $o-horizontal-padding;
		}
		.o_mail_systray_dropdown.show {
		    @include mk-full-screen-sections();
		    .o_mail_preview_image {
		        align-items: center;
		        display: flex;
		        flex-direction: row;
		        img {
		            display: block;
		            height: auto;
		        }
		    }
		}
		.dropdown-menu .dropdown-item {
		    padding: {
		        bottom: 0.5rem;
		        top: 0.5rem;
		    }
		}
		.o_menu_sections.show {
		    @include mk-full-screen-sections();
		    background: $mk-brand-gradient;
            .dropdown-toggle, .dropdown-item {
			    padding: 0;
		    	color: white;
		    	height: 46px;
			    line-height: 46px;
				background: none;
				span {
            		padding-left: 15px;
					font-size: initial;
				}	
			} 
            .mk_menu_mobile_section {
            	.fa {
            		padding-top: 14px;
            		padding-right: 15px;
	            }
			    .dropdown-menu {
				    padding: 0;
				    width: 100%;
				    border: none;
		            min-width: auto;
				    box-shadow: none;
				    background: none;
				    position: static;
				    overflow: visible;
		        }
			    @for $index from 1 through 5 {
	                .o_menu_entry_lvl_#{$index} {
	                    margin-left: ($index - 1) * 1.5rem;
	                }
	            }
	           	@for $index from 2 through 5 {
	                .o_menu_header_lvl_#{$index} {
	                    margin-left: ($index - 1) * 1.5rem;
	                }
	            }
		   	}
		    
		}
    }
}