:zap: [Enhance] New Agent button placeholder
Browse files- css/default.css +10 -0
- index.html +3 -1
css/default.css
CHANGED
|
@@ -188,3 +188,13 @@ body {
|
|
| 188 |
animation: fa-fade 1.5s infinite linear;
|
| 189 |
color: orange;
|
| 190 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 188 |
animation: fa-fade 1.5s infinite linear;
|
| 189 |
color: orange;
|
| 190 |
}
|
| 191 |
+
|
| 192 |
+
.explicit-button {
|
| 193 |
+
background-color: #e9efff;
|
| 194 |
+
border-width: 1px;
|
| 195 |
+
box-shadow: 0px 0px 6px 0px rgba(122, 122, 122, 0.4);
|
| 196 |
+
}
|
| 197 |
+
.explicit-button:hover {
|
| 198 |
+
background-color: lightsalmon;
|
| 199 |
+
font-weight: bold;
|
| 200 |
+
}
|
index.html
CHANGED
|
@@ -67,6 +67,9 @@
|
|
| 67 |
</h5>
|
| 68 |
</div>
|
| 69 |
<div class="offcanvas-body">
|
|
|
|
|
|
|
|
|
|
| 70 |
<ul id="chat-agents-sidebar-items" class="navbar-nav justify-content-end flex-grow-1">
|
| 71 |
</ul>
|
| 72 |
</div>
|
|
@@ -76,7 +79,6 @@
|
|
| 76 |
<i class="fa fa-trash"></i>
|
| 77 |
</button>
|
| 78 |
</div>
|
| 79 |
-
|
| 80 |
</div>
|
| 81 |
</div>
|
| 82 |
<div id="main-container" class="container">
|
|
|
|
| 67 |
</h5>
|
| 68 |
</div>
|
| 69 |
<div class="offcanvas-body">
|
| 70 |
+
<div class="my-0 row no-gutters">
|
| 71 |
+
<button id="new-agent-button" class="explicit-button">New Agent</button>
|
| 72 |
+
</div>
|
| 73 |
<ul id="chat-agents-sidebar-items" class="navbar-nav justify-content-end flex-grow-1">
|
| 74 |
</ul>
|
| 75 |
</div>
|
|
|
|
| 79 |
<i class="fa fa-trash"></i>
|
| 80 |
</button>
|
| 81 |
</div>
|
|
|
|
| 82 |
</div>
|
| 83 |
</div>
|
| 84 |
<div id="main-container" class="container">
|