xref: /template/sprintdoc/css/plugins/magic-matcher.less (revision 211de8a54af91550eaacc8374af61da6d1356514) 
1/**
2 * This file provides styles for magic matcher plugin
3 */
4
5
6/* + + + + + + + + + + + + + + + + + + + + + + + */
7/* magic matcher bar with form on top of page */
8
9#spr__magic-matcher {
10    position: fixed;
11    top: 0;
12    left: 0;
13    width: 100%;
14
15    .container {
16        @media @screen_md-lg {
17            margin-left: 1.8rem;
18        }
19    }
20
21    #mm__issueselect_chosen {
22        max-width: 50%;
23    }
24
25    button[name="toggleSuggestions"] {
26        position: absolute;
27        right: 0;
28        top: 0;
29        border: 0;
30        border-bottom: 1px solid @ini_border;
31        border-left: 1px solid @ini_border;
32        color: @ini_nav_menu_color;
33        background: #fff;
34        border-radius: 0;
35        border-bottom-left-radius: 5px;
36
37        &:hover,
38        &:focus,
39        &:active {
40            border-color: @ini_button_background;
41            color: @ini_button_background;
42        }
43    }
44
45    #magicmatcher__context {
46        position: relative;
47        z-index: 100;
48        width: 100%;
49        min-height: @height-context-bar;
50        box-sizing: border-box;
51        box-shadow: @box-shadow;
52        background-color: @ini_background_content;
53        border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius;
54        font-size: @font-size-default;
55        padding: .8em 1em .5em;
56        margin-bottom: 0;
57
58        .chosen-container-single,
59        .chosen-container-single *,
60        #mm_issue_loading,
61        .mm__status,
62        .toggleSuggestions {
63            font-size: @font-size-default;
64        }
65
66        .chosen-container-single {
67            .chosen-single span {
68                line-height: @line-height-bigger;
69            }
70        }
71
72        @media @screen_max-md {
73            padding-top: @margin-default;
74
75            .chosen-container {
76                display: block;
77                min-width: 100%;
78                max-width: 100%;
79                margin-bottom: .5rem;
80            }
81        }
82    }
83}
84
85
86/* + + + + +  in meta box  + + + + + */
87#spr__tab-issues {
88     ul.mmissuelist {
89         padding-left: 0;
90         margin-top: 1rem;
91     }
92}
93
94
95/* + + + + +  in content  + + + + + */
96a.jiralink {
97    font-size: @font-size-default;
98
99    img {
100        float: left;
101        display: inline-block;
102        margin-top: .13em;
103        margin-right: 3px;
104    }
105
106    span.mm__status {
107        display: inline-block;
108        font-size: @font-size-default;
109        margin-left: 5px;
110        padding: 1px 4px;
111    }
112}
113
114
115/* + + + + +  no js version  + + + + + */
116.no-js {
117    #spr__magic-matcher {
118        display: none;
119    }
120}
121
122
123/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
124/* max-width: 1023px */
125
126@media @screen_max-lg {
127    #spr__magic-matcher {
128        #magicmatcher__context {
129            .chosen-container-single {
130                width: 20% !important;
131
132                + select + .chosen-container-single {
133                    width: 58% !important;
134                }
135            }
136        }
137    }
138}
139
140@media @screen_max-md {
141    #spr__magic-matcher {
142        display: none;
143    }
144}
145
146
147/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
148/* print */
149/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
150
151@media print {
152    #spr__magic-matcher {
153        display: none;
154    }
155}
156
157