From d0a4515e09451d84413d6b31c8dc73e006c63f71 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 26 Apr 2017 12:28:57 +0200
Subject: [PATCH] SPR-970: Magic Matcher - Tooltip + metabox list

---
 css/area_nav-metabox.less      | 80 ++++++++++++++++++++++++++++++++--
 css/plugins/magic-matcher.less | 54 ++++++++++++++++++++++-
 2 files changed, 129 insertions(+), 5 deletions(-)

diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less
index 211dea3..b975a01 100755
--- a/css/area_nav-metabox.less
+++ b/css/area_nav-metabox.less
@@ -222,11 +222,12 @@
                 ul {
                     list-style: none;
                     padding-left: 0;
+                }
 
-                    li {
-                        margin-left: 0;
-                        padding-left: 1em;
-                    }
+                li {
+                    list-style-image: none; // overwrite universally styles
+                    margin-left: 0;
+                    padding-left: 1em;
                 }
             }
 
@@ -296,4 +297,75 @@
         clear: right;
         margin-top: 20px;
     }
+
+
+/* + + + + +  tab issues  + + + + + */
+    #spr__tab-issues {
+        ul.mmissuelist {
+            padding-left: 0;
+            margin-top: .5rem;
+            margin-bottom: .6rem;
+
+            li {
+                list-style-type: none;
+                margin-top: .3rem;
+                margin-left: .5rem;
+
+                &.noissue {
+                    list-style-type: none;
+                    margin-left: 0;
+                }
+            }
+
+            a {
+                display: inline-block;
+                font-size: @font-size-small;
+
+                * {
+                    font-size: inherit;
+                }
+            }
+
+            img {
+                vertical-align: bottom;
+                margin-right: .3rem;
+            }
+
+            .mm__status {
+                display: inline-block;
+                text-decoration: none;
+                padding-left: .3rem;
+                padding-right: .3rem;
+            }
+
+            form {
+                vertical-align: text-top;
+
+                button {
+                    background: @ini_existing;
+                    border-color: @ini_existing;
+                    color: @ini_background;
+                    font-size: @font-size-small;
+                    padding: .2em .3em;
+
+                    &[name="removeIssue"] {
+                        min-width: 20px;
+                        font-size: .94rem;
+                        font-weight: bold;
+                        line-height: 95%;
+                        text-align: center;
+                        padding: 0 .1rem .1rem;
+                        margin-left: .5rem;
+                    }
+
+                    &:hover,
+                    &:focus,
+                    &:active {
+                        background: @ini_background;
+                        color: @ini_existing;
+                    }
+                }
+            }
+        }
+    }
 }
diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less
index 3b1687e..e006ff4 100755
--- a/css/plugins/magic-matcher.less
+++ b/css/plugins/magic-matcher.less
@@ -112,6 +112,59 @@ a.jiralink {
 }
 
 
+/* + + + + +  tooltip in metabox  + + + + + */
+.dokuwiki {
+    .serverToolTip {
+        box-shadow: @box-shadow;
+        border-radius: @fix_border-radius;
+        font-size: @font-size-default;
+
+        h1.issueTitle {
+            font-size: @font-size-default;
+        }
+
+        h2 {
+            font-size: @font-size-small;
+        }
+
+        ul {
+            margin-top: @small-spacing;
+        }
+
+        p,
+        li {
+            font-size: (@font-size-small - .06);
+
+            * {
+                font-size: inherit;
+            }
+        }
+
+        p {
+            margin-top: @small-spacing;
+            margin-bottom: @small-spacing;
+        }
+
+        .components {
+            .component {
+                font-size: (@font-size-small - .06);
+            }
+        }
+
+        .labels {
+            .label {
+                font-size: (@font-size-small - .06);
+            }
+        }
+
+        .descriptionTeaser {
+            font-size: (@font-size-small - .06);
+            margin-top: (@small-spacing * 2);
+            margin-bottom: (@small-spacing * 2);
+        }
+    }
+}
+
 /* + + + + +  no js version  + + + + + */
 .no-js {
     #spr__magic-matcher {
@@ -153,4 +206,3 @@ a.jiralink {
         display: none;
     }
 }
-