add delete undo styles

use less right padding

better styling, fix padding issues

no special color for undo nav entry

fix fallback width

use class for button

diff --git a/core/css/apps.css b/core/css/apps.css
index 2042401489f04450da6c1e5b41377089a99e852f..e525270a7657480b9bf98acc2aa53d408a24ff8a 100644 (file)
--- a/core/css/apps.css
+++ b/core/css/apps.css
@@ -148,6 +148,41 @@
 }
 
 
+/* Deleted entries with undo button */
+#app-navigation .app-navigation-entry-deleted {
+       display: inline-block;
+       height: 44px;
+       width: 100%;
+}
+
+       #app-navigation .app-navigation-entry-deleted-description {
+               padding-left: 12px;
+               position: relative;
+               white-space: nowrap;
+               text-overflow: ellipsis;
+               overflow: hidden;
+               display: inline-block;
+               width: 201px; /* fallback for IE8 */
+               width: calc(100% - 49px);
+               line-height: 44px;
+               float: left;
+       }
+
+       #app-navigation .app-navigation-entry-deleted-button {
+               margin: 0;
+               height: 44px;
+               width: 44px;
+               line-height: 44px;
+               border: 0;
+               display: inline-block;
+               background-color: transparent;
+               opacity: .5;
+       }
+
+       #app-navigation .app-navigation-entry-deleted-button:hover {
+               opacity: 1;
+       }
+
 /* counter and actions, legacy code */
 #app-navigation .utils {
        position: absolute;