
In the dokuwiki standard template __background__ is the variable defining the background-color of the content. It is one of the guaranteed placeholder that every template must provide. Hence we should use it with the way it is used in the default template, so other plugins can rely on it and look consistently. Also some other base-dokuwiki styles still use it accordingly, for example the footnotes. SPR-954
156 lines
3.2 KiB
Text
Executable file
156 lines
3.2 KiB
Text
Executable file
/**
|
|
* This file provides styles for magic matcher plugin
|
|
*/
|
|
|
|
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + */
|
|
/* magic matcher bar with form on top of page */
|
|
|
|
#spr__magic-matcher {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
|
|
.container {
|
|
@media @screen_md-lg {
|
|
margin-left: 1.8rem;
|
|
}
|
|
}
|
|
|
|
#mm__issueselect_chosen {
|
|
max-width: 50%;
|
|
}
|
|
|
|
button[name="toggleSuggestions"] {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
border: 0;
|
|
border-bottom: 1px solid @ini_border;
|
|
border-left: 1px solid @ini_border;
|
|
color: @ini_nav_menu_color;
|
|
background: #fff;
|
|
border-radius: 0;
|
|
border-bottom-left-radius: 5px;
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:active {
|
|
border-color: @ini_button_background;
|
|
color: @ini_button_background;
|
|
}
|
|
}
|
|
|
|
#magicmatcher__context {
|
|
position: relative;
|
|
z-index: 100;
|
|
width: 100%;
|
|
min-height: @height-context-bar;
|
|
box-sizing: border-box;
|
|
box-shadow: @box-shadow;
|
|
background-color: @ini_background;
|
|
border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius;
|
|
font-size: @font-size-default;
|
|
padding: .8em 1em .5em;
|
|
margin-bottom: 0;
|
|
|
|
.chosen-container-single,
|
|
.chosen-container-single *,
|
|
#mm_issue_loading,
|
|
.mm__status,
|
|
.toggleSuggestions {
|
|
font-size: @font-size-default;
|
|
}
|
|
|
|
.chosen-container-single {
|
|
.chosen-single span {
|
|
line-height: @line-height-bigger;
|
|
}
|
|
}
|
|
|
|
@media @screen_max-md {
|
|
padding-top: @margin-default;
|
|
|
|
.chosen-container {
|
|
display: block;
|
|
min-width: 100%;
|
|
max-width: 100%;
|
|
margin-bottom: .5rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/* + + + + + in meta box + + + + + */
|
|
#spr__tab-issues {
|
|
ul.mmissuelist {
|
|
padding-left: 0;
|
|
margin-top: 1rem;
|
|
}
|
|
}
|
|
|
|
|
|
/* + + + + + in content + + + + + */
|
|
a.jiralink {
|
|
font-size: @font-size-default;
|
|
|
|
img {
|
|
float: left;
|
|
display: inline-block;
|
|
margin-top: .13em;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
span.mm__status {
|
|
display: inline-block;
|
|
font-size: @font-size-default;
|
|
margin-left: 5px;
|
|
padding: 1px 4px;
|
|
}
|
|
}
|
|
|
|
|
|
/* + + + + + no js version + + + + + */
|
|
.no-js {
|
|
#spr__magic-matcher {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
|
/* max-width: 1023px */
|
|
|
|
@media @screen_max-lg {
|
|
#spr__magic-matcher {
|
|
#magicmatcher__context {
|
|
.chosen-container-single {
|
|
width: 20% !important;
|
|
|
|
+ select + .chosen-container-single {
|
|
width: 58% !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media @screen_max-md {
|
|
#spr__magic-matcher {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
|
/* print */
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
|
|
|
@media print {
|
|
#spr__magic-matcher {
|
|
display: none;
|
|
}
|
|
}
|
|
|