diff --git a/src/theme.scss b/src/theme.scss index e6810add3..8aa49ec99 100644 --- a/src/theme.scss +++ b/src/theme.scss @@ -434,7 +434,7 @@ multiselect { .task-indicator { position: fixed; - left: 20px; + right: 20px; top: 65px; background: white; padding: 10px; @@ -445,6 +445,41 @@ multiselect { } } +.app-configure-links { + position: fixed; + left: 20px; + top: 65px; + + div { + cursor: pointer; + display: block; + padding: 6px 10px; + margin: 0; + overflow: hidden; + color: black; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 16px; + + &:hover, + &:focus, + &.category-active { + text-decoration: none; + background-color: white; + color: black; + } + + &.category-active { + background-color: $navbar-default-link-hover-color; + color: white; + } + + & > i { + width: 30px; + } + } +} + // ---------------------------- // Appstore view // ---------------------------- diff --git a/src/views/app.html b/src/views/app.html index 6cfd71d74..3ef53336e 100644 --- a/src/views/app.html +++ b/src/views/app.html @@ -12,10 +12,20 @@
{{ app | installationStateLabel:user }} -
-
+ + +

{{ app.label || app.location || app.fqdn }} @@ -48,12 +58,14 @@
- Documentation + Documentation + Logs +

-

Display

+

Display

@@ -95,7 +107,7 @@
-

Location

+

Location

@@ -191,7 +203,7 @@
-

Access Control

+

Access Control

@@ -259,7 +271,7 @@
-

Resources

+

Resources

@@ -297,7 +309,7 @@
-

Email

+

Email

@@ -341,7 +353,7 @@
-

Security

+

Security

@@ -368,7 +380,7 @@
-

Updates

+

Updates

@@ -395,7 +407,7 @@
-

Backups

+

Backups

diff --git a/src/views/app.js b/src/views/app.js index 2e8796ed3..422560f3f 100644 --- a/src/views/app.js +++ b/src/views/app.js @@ -28,6 +28,11 @@ angular.module('Application').controller('AppController', ['$scope', '$location' }); }; + $scope.scrollTo = function (elemId) { + var elem = document.getElementById(elemId); + elem.scrollIntoView(); + }; + $scope.display = { busy: false, error: {},