From adaa3bc8984ba7cb4b71302dfd0baba7d75a5492 Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <machniak@kolabsys.com>
Date: Mon, 12 Mar 2018 13:15:47 +0100
Subject: [PATCH] Elastic: Support "options" button in dialog footer

---
 skins/elastic/styles/widgets/jqueryui.less | 39 ++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/skins/elastic/styles/widgets/jqueryui.less b/skins/elastic/styles/widgets/jqueryui.less
index 9754efd10..e076e0bec 100644
--- a/skins/elastic/styles/widgets/jqueryui.less
+++ b/skins/elastic/styles/widgets/jqueryui.less
@@ -101,6 +101,7 @@
             display: flex;
             justify-content: flex-end;
 
+            a.btn-link,
             button {
                 .overflow-ellipsis;
                 min-width: 5rem;
@@ -110,6 +111,30 @@
                     margin-right: 0;
                 }
             }
+
+            a.btn-link {
+                padding-right: 0;
+                padding-left: 0;
+
+                &.options:before {
+                    // this icon is for mobile version
+                    &:extend(.font-icon-class);
+                    content: @fa-var-cog;
+                    margin: 0;
+                    width: 100%;
+                    height: 1.25em;
+                    display: none !important;
+                }
+
+                &.options:after {
+                    // this icon is for non-mobile version
+                    &:extend(.font-icon-class);
+                    content: @fa-var-caret-down;
+                    display: inline;
+                    float: none;
+                    margin-left: .25rem;
+                }
+            }
         }
     }
 
@@ -203,6 +228,20 @@
                         opacity: .5;
                     }
                 }
+
+                a.btn-link {
+                    color: @color-toolbar-button;
+                    margin: 0;
+                    text-decoration: none;
+
+                    &.options:before {
+                        display: block !important;
+                    }
+
+                    &.options:after {
+                        display: none;
+                    }
+                }
             }
         }
     }