Improve query panel styling
Change-Id: I75e22de40b92ad5fd90490473da3199933e149bb
diff --git a/dev/demo/hintdemo.js b/dev/demo/hintdemo.js
index ee676ef..413625c 100644
--- a/dev/demo/hintdemo.js
+++ b/dev/demo/hintdemo.js
@@ -49,6 +49,22 @@
'title' : 'Glemm',
'classes' : ['glemm'],
'onClick' : {
+ "action":"toggle",
+ "template" : "http://localhost:3003/demo/plugin-client.html"
+ }
+ }]
+ });
+
+ // Register match plugin
+ KorAP.Plugin.register({
+ 'name' : 'Glimpse',
+ 'desc' : 'Shorten all queries',
+ 'embed' : [{
+ 'panel' : 'query',
+ 'title' : 'Glimpse',
+ 'classes' : ['glimpse'],
+ 'onClick' : {
+ "action" : "toggle",
"template" : "http://localhost:3003/demo/plugin-client.html"
}
}]
diff --git a/dev/scss/header/header.scss b/dev/scss/header/header.scss
index 763c20e..78fa532 100644
--- a/dev/scss/header/header.scss
+++ b/dev/scss/header/header.scss
@@ -128,4 +128,17 @@
content: $fa-logout;
}
}
+}
+
+
+.query.button-group > span {
+ border-top-width: 0;
+ border-color: white;
+
+ &:first-child {
+ border-top-left-radius: 0;
+ }
+ &:last-child {
+ border-top-right-radius: 0;
+ }
}
\ No newline at end of file
diff --git a/dev/scss/main/buttongroup.scss b/dev/scss/main/buttongroup.scss
index b78ed88..ff283c3 100644
--- a/dev/scss/main/buttongroup.scss
+++ b/dev/scss/main/buttongroup.scss
@@ -51,7 +51,7 @@
> span.check {
@include icon-font;
- width: 1.2em;
+ width: 1em;
display: inline-block;
text-align: left;
@@ -129,6 +129,7 @@
.button-icon {
@include icon-font;
+ line-height: .7;
> span {
@include blind;
}