uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add notification bubble.

Browse Source
This commit is contained in:
Arpad Csanyi
2016-06-14 23:03:50 +02:00
parent 47cf8e32db
commit bf9ea9976d
2 changed files with 42 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -40,6 +40,12 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
<div id="sidebar-menu" class="split split-horizontal sidebar-menu" style=""></div>
<div id="main-content" class="split split-horizontal container-fluid main-content" style="">
<div class="notification">
<span class="notificatin__text">Keymap removed</span>
<a href="#" class="notification__action">Undo</a>
<span class="notification__dismiss">&times;</span>
</div>
<div class="keymap--edit keymap--qwerty main-content__inner" style="display: block;">
<div class="row">
<h1 class="col-xs-12 pane-title">

36
sass/app.scss
View File

@@ -158,6 +158,42 @@ ul {
}
}
.notification {
padding: 1rem 1.5rem;
box-shadow: 0 0 0 1px #000;
border-radius: 0.5rem;
position: absolute;
top: 2rem;
right: 2rem;
z-index: 100;
background-color: #333;
color: #eee;
&__action {
margin-left: 1rem;
margin-right: 1rem;
color: #5bc0de;
text-transform: uppercase;
font-weight: bold;
&:hover {
text-decoration: none;
color: #5bc0de;
}
}
&__dismiss {
position: relative;
bottom: 1px;
color: #ccc;
&:hover {
cursor: pointer;
color: #fff;
}
}
}
.uhk {
&__layer-switcher {
&--wrapper {