EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SPR-869: QC Plugin icon qs

Browse source
This commit is contained in:
Silke Pisulla 2017-04-13 15:29:36 +02:00
commit 9161dde646
3 changed files with 31 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

41
css/area_nav-page-attributes.less
View file

@ -1,6 +1,10 @@
/** /**
* Page Attribute Icons in the breadcrumb bar * Page Attribute Icons in the breadcrumb bar
*/ */
/* + + + + + icons in breadcrumb area + + + + + */
.page-attributes { .page-attributes {
list-style: none; list-style: none;
float: right; float: right;
@ -8,17 +12,11 @@
max-width: 30%; max-width: 30%;
margin: -.45em 0 0; margin: -.45em 0 0;
padding: 0; padding: 0;
@media @screen_max-xs { @media @screen_max-xs {
max-width: 90%; max-width: 90%;
} }
li.plugin_qc .qc_icon svg {
margin-left: 0;
margin-top: 0.2em;
width: 1.5em;
height: 1.5em;
}
> li { > li {
.btn-usertools-wrapper(); // uniform li .btn-usertools-wrapper(); // uniform li
.btn-usertools-num(); .btn-usertools-num();
@ -28,26 +26,34 @@
display: block; display: block;
width: auto; width: auto;
min-height: @toggle-size; min-height: @toggle-size;
border: 1px solid @wikiicons-border;
border-radius: @ini_default_border_radius;
text-align: center; text-align: center;
margin: 0 .25rem; margin: 0 .25rem;
strong {
display: block;
min-height: 1.64rem;
border: 1px solid @wikiicons-border;
border-radius: @ini_default_border_radius;
}
a { a {
display: block; display: block;
width: auto; width: auto;
min-height: 26px; min-height: 1.64rem;
&:hover, &:focus, &:active { border: 1px solid @wikiicons-border;
border-radius: @ini_default_border_radius;
&:hover,
&:focus,
&:active {
background-color: @ini_nav_menu_hover_color; background-color: @ini_nav_menu_hover_color;
border-color: @ini_nav_menu_hover_color; border-color: @ini_nav_menu_hover_color;
color: @ini_nav_menu_hover_bg; color: @ini_nav_menu_hover_bg;
span.qc_icon {
&.qc_bad, &.qc_meh, &.qc_good {
fill: @ini_nav_menu_hover_bg;
color: @ini_nav_menu_hover_bg;
}
}
span {
fill: @ini_nav_menu_hover_bg;
color: @ini_nav_menu_hover_bg;
}
} }
} }
@ -59,6 +65,5 @@
font-size: 1.2rem; font-size: 1.2rem;
line-height: 1; line-height: 1;
} }
} }
} }

4
css/base_mixins.less
View file

@ -200,7 +200,7 @@
font-size: @font-size-default; font-size: @font-size-default;
@media @screen_min-xxlg { @media @screen_min-xxlg {
margin-top: .25rem; margin-top: .22rem;
} }
@media @screen_max-xxlg { @media @screen_max-xxlg {
@ -208,7 +208,7 @@
} }
@media @screen_max-md { @media @screen_max-md {
margin-top: .25rem; margin-top: .2rem;
} }
} }

10
css/plugins/qc.less
View file

@ -2,23 +2,25 @@
* Styles for the QC plugin * Styles for the QC plugin
*/ */
// icon in page attributes
/* + + + + + icon in page attributes3 + + + + + */
.page-attributes .plugin_qc { .page-attributes .plugin_qc {
.qc_icon { .qc_icon {
margin: 0; margin: 0;
svg { svg {
margin-top: 0.1em; margin-top: .1em;
margin-left: 0.1em;
width: 1.6em; width: 1.6em;
height: 1.6em; height: 1.6em;
font-size: (@font-size-small - .06);
} }
} }
} }
// output // output
.qc-output { .qc-output {
font-size: 90%; font-size: 90%;
border-bottom: 1px solid @ini_border; border-bottom: 1px solid @ini_border;
} }