Merge branch 'pageattributes' into 'master'
refactoring der Pageattributes (qc und do) See merge request !29
This commit is contained in:
Jana Deutschländer
commit
9fbd182782
14 changed files with 308 additions and 240 deletions
|
|
@ -85,54 +85,4 @@
|
|||
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: @toggle-size;
|
||||
border: 1px solid @wikiicons-border;
|
||||
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.prefix {
|
||||
.btn-prefix ();
|
||||
.icon-clipboard();
|
||||
|
||||
display: block;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1;
|
||||
}
|
||||
} // li
|
||||
|
||||
a {
|
||||
.btn-hover();
|
||||
|
||||
&[aria-expanded="false"] + #plugin__qc__wrapper {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
75
css/area_nav-page-attributes.less
Normal file
75
css/area_nav-page-attributes.less
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
/**
|
||||
* Page Attribute Icons in the breadcrumb bar
|
||||
*/
|
||||
|
||||
|
||||
/* + + + + + icons in breadcrumb area + + + + + */
|
||||
|
||||
.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();
|
||||
|
||||
position: relative;
|
||||
float: left;
|
||||
display: block;
|
||||
width: auto;
|
||||
min-height: @toggle-size;
|
||||
text-align: center;
|
||||
margin: 0 .25rem;
|
||||
|
||||
strong {
|
||||
display: block;
|
||||
min-height: 1.64rem;
|
||||
border: 1px solid @wikiicons-border;
|
||||
border-radius: @ini_default_border_radius;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
width: auto;
|
||||
min-height: 1.64rem;
|
||||
background-color: @ini_nav_menu_hover_bg;
|
||||
border: 1px solid @wikiicons-border;
|
||||
border-radius: @ini_default_border_radius;
|
||||
transition: @transition background-color, @transition border-color, @transition color;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: @ini_nav_menu_hover_color;
|
||||
border-color: @ini_nav_menu_hover_color;
|
||||
color: @ini_nav_menu_hover_bg;
|
||||
|
||||
span {
|
||||
fill: @ini_nav_menu_hover_bg;
|
||||
color: @ini_nav_menu_hover_bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.prefix {
|
||||
.btn-prefix(.26rem);
|
||||
.icon-clipboard();
|
||||
|
||||
display: block;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.num {
|
||||
top: -.6em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -455,18 +455,7 @@ nav > ul {
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote,
|
||||
a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
html, body {
|
||||
font-family: @font_family_screen;
|
||||
color: @ini_text;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -175,7 +175,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.btn-usertools-num () {
|
||||
.btn-usertools-num() {
|
||||
.num {
|
||||
position: absolute;
|
||||
right: -.4rem;
|
||||
|
|
@ -192,7 +192,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.btn-prefix () {
|
||||
.btn-prefix(@margin-top:.3rem) {
|
||||
.fontello();
|
||||
.hide-text-show-before();
|
||||
|
||||
|
|
@ -200,15 +200,15 @@
|
|||
font-size: @font-size-default;
|
||||
|
||||
@media @screen_min-xxlg {
|
||||
margin-top: .25rem;
|
||||
margin-top: .22rem;
|
||||
}
|
||||
|
||||
@media @screen_max-xxlg {
|
||||
margin-top: .3rem;
|
||||
margin-top: @margin-top;
|
||||
}
|
||||
|
||||
@media @screen_max-md {
|
||||
margin-top: .25rem;
|
||||
margin-top: .2rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -19,7 +19,6 @@ ul.page-attributes {
|
|||
}
|
||||
|
||||
.num {
|
||||
margin-top: 1px;
|
||||
background-color: @noopentasks-border; // fix
|
||||
color: @noopentasks-color; // fix
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,79 +1,89 @@
|
|||
/**
|
||||
* This file provides styles for qc plugin
|
||||
* Styles for the QC plugin
|
||||
*/
|
||||
|
||||
|
||||
/* + + + + + global + + + + + */
|
||||
/* + + + + + icon in breadcrumb + + + + + */
|
||||
|
||||
#dokuwiki__site {
|
||||
.plugin__qc {
|
||||
display: inline-block;
|
||||
overflow: visible;
|
||||
position: static;
|
||||
}
|
||||
.page-attributes .plugin_qc {
|
||||
.qc_icon {
|
||||
margin: 0;
|
||||
|
||||
#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: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#plugin__qc__wrapper {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
z-index: 2000;
|
||||
width: auto;
|
||||
box-shadow: @box-shadow-bottom;
|
||||
background: @ini_background_page_header;
|
||||
background: -webkit-linear-gradient(top, @ini_background_page_header, @ini_background_content);
|
||||
background: linear-gradient(top, @ini_background_page_header, @ini_background_content);
|
||||
border: 0 none;
|
||||
font-size: @font-size-default;
|
||||
|
||||
p {
|
||||
font-size: @font-size-default;
|
||||
}
|
||||
|
||||
#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;
|
||||
svg {
|
||||
margin-top: .1em;
|
||||
width: 1.6em;
|
||||
height: 1.6em;
|
||||
font-size: (@font-size-small - .06);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* + + + + + slideout output + + + + + */
|
||||
.qc-output {
|
||||
min-width: 100%;
|
||||
width: auto;
|
||||
font-size: 90%;
|
||||
box-shadow: @box-shadow-bottom;
|
||||
margin-bottom: 0;
|
||||
|
||||
h2 {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
h4, h5, h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
|
||||
@media @screen_min-xxs {
|
||||
margin-top: -(@margin-default + 1);
|
||||
margin-right: -(@margin-default);
|
||||
margin-left: -(@margin-default);
|
||||
padding-left: @margin-default;
|
||||
padding-right: @margin-default;
|
||||
}
|
||||
|
||||
@media @screen_max-md {
|
||||
margin-top: -(@page_padding-top + 2);
|
||||
margin-right: -(@margin-default * 1.6);
|
||||
margin-left: -(@margin-default);
|
||||
padding-top: @margin-default;
|
||||
}
|
||||
|
||||
@media @screen_max-xxs {
|
||||
margin-left: -(@margin-small);
|
||||
padding-left: @margin-small;
|
||||
padding-right: @margin-default;
|
||||
}
|
||||
|
||||
div,
|
||||
p {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
dl {
|
||||
dt,
|
||||
dd {
|
||||
padding-bottom: @small-spacing;
|
||||
|
||||
@media @screen_max-xxs {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
width: 49%;
|
||||
max-width: 10em;
|
||||
vertical-align: top;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.qc_icon {
|
||||
background-color: #fff;
|
||||
border-radius: @fix_border-radius;
|
||||
vertical-align: top;
|
||||
padding: .1rem;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue