diff --git a/webadmin/src/theme.scss b/webadmin/src/theme.scss index e895ede63..e5b319e67 100644 --- a/webadmin/src/theme.scss +++ b/webadmin/src/theme.scss @@ -120,6 +120,14 @@ html { .grid-item { padding: 10px; min-width: 200px; + overflow: hidden; +} + +.grid-item:hover .grid-item-bottom { + @media(min-width:768px) { + opacity: 1; + right: 10px; + } } .grid-item-content { @@ -132,10 +140,32 @@ html { padding: 10px 15px; } -.grid-item-bottom { +.grid-item-bottom-mobile { padding: 10px 15px; border-top: 1px solid #ddd; - background-color: white + background-color: white; + + @media(min-width:768px) { + display: none; + } +} + +.grid-item-bottom { + display: none; + padding: 10px 15px; + border-top: 1px solid #ddd; + background-color: white; + + @media(min-width:768px) { + display: block; + position: absolute; + top: 0; + right: -10px; + opacity: 0; + background-color: transparent; + + transition: all 250ms; + } } // ---------------------------- diff --git a/webadmin/src/views/apps.html b/webadmin/src/views/apps.html index 2ec4a204f..eb3e7b480 100644 --- a/webadmin/src/views/apps.html +++ b/webadmin/src/views/apps.html @@ -54,7 +54,7 @@ -
- -