From e8d58fb55be094623b563540e67d899511883d10 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 19 Apr 2017 11:52:59 +0200
Subject: [PATCH] SPR-869: QC Plugin output + icon in breadcrumb
---
css/area_nav-page-attributes.less | 4 +++-
css/base_mixins.less | 6 +++---
css/plugins/qc.less | 16 +++++++++++++---
3 files changed, 19 insertions(+), 7 deletions(-)
diff --git a/css/area_nav-page-attributes.less b/css/area_nav-page-attributes.less
index a04dfa6..b7ab433 100644
--- a/css/area_nav-page-attributes.less
+++ b/css/area_nav-page-attributes.less
@@ -40,8 +40,10 @@
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,
@@ -58,7 +60,7 @@
}
.prefix {
- .btn-prefix ();
+ .btn-prefix(.26rem);
.icon-clipboard();
display: block;
diff --git a/css/base_mixins.less b/css/base_mixins.less
index f287552..4f7428b 100755
--- a/css/base_mixins.less
+++ b/css/base_mixins.less
@@ -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();
@@ -204,7 +204,7 @@
}
@media @screen_max-xxlg {
- margin-top: .3rem;
+ margin-top: @margin-top;
}
@media @screen_max-md {
diff --git a/css/plugins/qc.less b/css/plugins/qc.less
index 71d3167..3119ed8 100644
--- a/css/plugins/qc.less
+++ b/css/plugins/qc.less
@@ -3,7 +3,7 @@
*/
-/* + + + + + icon in page attributes3 + + + + + */
+/* + + + + + icon in breadcrumb + + + + + */
.page-attributes .plugin_qc {
.qc_icon {
@@ -19,8 +19,18 @@
}
-// output
+/* + + + + + slideout output + + + + + */
.qc-output {
+ min-width: 100%;
+ width: auto;
font-size: 90%;
- border-bottom: 1px solid @ini_border;
+ box-shadow: @box-shadow-bottom;
+ margin: -(@page_padding-top) -(@margin-default) 0;
+
+ .qc_icon {
+ background-color: #fff;
+ border-radius: @fix_border-radius;
+ vertical-align: top;
+ padding: .1rem;
+ }
}