_navbar.scss 2.88 KB
Newer Older
Naomi Guyer's avatar
Naomi Guyer committed
1
/*
2
 * Modification to bootstraps default navbar components
Naomi Guyer's avatar
Naomi Guyer committed
3
 */
4
5
6
7
8
9
10
11
// Login link and language form
.topright-menu {
    float: right;
    padding-top: 10px;

    li {
        display: inline-block;
        float: right;
Naomi Guyer's avatar
Naomi Guyer committed
12
13
    }

14
15
16
    .login-link a {
        margin-left: 15px;
        padding: 7px 15px;
17
18
19
20
21
22
23
        color: $navbar-default-link-color;

        &:focus,
        &:hover {
          color: $navbar-default-link-hover-color;
          background-color: $navbar-default-link-hover-bg;
        }
Naomi Guyer's avatar
Naomi Guyer committed
24
25
26
    }
}

27
28
// Header search form
.navbar-form.navbar-collapse {
29
    padding: 15px;
30
    margin-bottom: 0;
31
    border: 0;
Naomi Guyer's avatar
Naomi Guyer committed
32
    @media (min-width: $screen-sm-min) {
33
34
35
36
37
        position: absolute;
        display: block;
        max-width: none;
        visibility: visible;
        top: 10px;
38
        right: 193px;
39
40
41
42
        margin: 0 30px 0 0;
        padding: 0;
        box-shadow: none;
        height: auto !important;
Naomi Guyer's avatar
Naomi Guyer committed
43
44
    }

45
46
47
48
49
50
51
52
53
54
55
56
57
    .header-search-form {
        input[type=text] {
            width: calc(100% - 43px);
            float: left;
            @media (min-width: $screen-sm-min) {
                width: auto;
            }
        }
        .input-group-btn {
            display: block !important;
            float: left;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
58
            border-left: 1px solid $btn-default-border;
59
60
61
            margin-left: -1px;
            @media (min-width: $screen-sm-min) {
                float: right;
Naomi Guyer's avatar
Naomi Guyer committed
62
63
64
65
            }
        }
    }
}
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
// Allowing the public search to sit in right place
// when lang selector exists or not
.loggedout .navbar-form.navbar-collapse {
    @media (min-width: $screen-sm-min) {
        right: 0px;
        margin-right: 15px;

        &.with-langform {
            right: 270px;
        }
        &.with-langform-login {
            right: 370px;
        }
    }
}
81

82
83
84
85
86
87
88
89
90
91
92
93
94
// Header messagebox form
.navbar-messages {
    padding: 15px;
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: 3px;

    @media (min-width: $screen-sm-min) {
        position: absolute;
        display: block;
        max-width: none;
        visibility: visible;
        top: 10px;
95
        right: 115px;
96
97
98
99
100
        margin: 0;
        padding: 0;
        box-shadow: none;
        height: auto !important;
        min-width: 45px;
101
102
103
        .admin-toggle + a + .user-toggle + a > & {
            right: 155px;
        }
104
105
106
107
108
109
110
111
112
113
114
    }
    &:hover,
    &:focus {
        background-color: $navbar-default-toggle-hover-bg;
    }
    .navbar-messages-icon {
        padding: 6px 10px;
    }
    .navbar-messages-count {
        position: absolute;
        top: -3px;
115
116
117
        right: 5px;
        background-color: $navbar-notification-count-bg;
        border-radius: 3px;
118
        padding: 0 3px;
119
120
        color: $navbar-notification-count-text;
        font-size: $font-size-small;
121
122
123
    }
}

124
125
126
127
128
.navbar-default {
    border-left: 0;
    border-right: 0;
    border-top: 0;
}