integrate QC plugin (ajax branch)

This refactors the page-attribute area a bit and intergrates the new
ajax branch of the QC plugin. I'm not really happy about the included
file - it should probably be moved to our Template class instead.
This commit is contained in:
Andreas Gohr 2017-03-09 16:15:10 +01:00
commit fbf9e9d682
10 changed files with 200 additions and 244 deletions

View file

@ -67,145 +67,6 @@
padding: .1em .1em 0;
}
}
/* + + + + + icon list + + + + + */
.page-attributes {
list-style: none;
float: right;
display: inline-block;
max-width: 30%;
margin: -.45em 0 0;
padding: 0;
@media @screen_max-xs{
max-width: 90%;
}
> li {
.btn-usertools-wrapper(); // uniform li
.btn-usertools-num();
float: left;
> strong,
> a {
display: block;
width: auto;
min-height: 2em;
border: 1px solid @color-border;
border-radius: @border-radius;
color: @color-nav;
text-align: center;
margin: 0;
}
.prefix {
.btn-prefix ();
.icon-clipboard();
}
/* check !!! */
&.do_none {
position: relative;
strong {
background-color: @color-site-bg;
}
.num {
background-color: @color-border;
color: @color-nav;
}
}
/* end check !!! */
&.plugin__qc {
display: inline-block;
overflow: visible;
position: static;
}
} // li
a {
transition: @transition color, @transition background-color, @transition border-color;
&[aria-expanded="false"] + #plugin__qc__wrapper {
display: none;
}
&:hover,
&:active,
&:focus {
background-color: @button_color;
border-color: @button_background;
color: @button_background;
.prefix {
color: @button_background;
}
}
}
#plugin__qc__wrapper {
position: absolute;
right: 0;
width: auto;
border: 0 none;
background: @background_page-header;
background: -webkit-linear-gradient(top, @background_page-header, @color-content-bg);
background: linear-gradient(top, @background_page-header, @color-content-bg);
box-shadow: @box-shadow-bottom;
z-index: 2000;
#plugin__qc__out{
h1 {
font-size: @font-size-head3;
}
h2 {
margin-top: 1.6em;
font-size: @font-size-head5;
}
> h1,
> h2,
> p,
> dl,
> div {
padding-left: 1rem;
margin-left: 0;
}
> div p {
padding-left: 0;
margin-left: 0;
}
}
&[aria-hidden="false"] {
margin-top: .5rem;
}
}
#plugin__qc__icon {
display: none;
}
#plugin__qc__link {
position: relative;
.prefix {
.icon-emo-happy();
width: 100%;
font-size: @font-size-default;
&::before {
width: 100%;
margin: .1em 0 0;
}
}
}
}
}