vn icon css changes for main menu

This commit is contained in:
Carlos 2017-11-13 14:17:09 +01:00
parent 154c06e7f4
commit ed64c3b50a
4 changed files with 23 additions and 4 deletions

View File

@ -1,9 +1,13 @@
<div style="position: fixed; top: 0; right: 0; padding: .8em 1.5em; z-index: 10;">
<vn-icon icon="apps" id="apps" translate-attr="{title: 'Applications'}"></vn-icon>
<vn-icon icon="notifications" translate-attr="{title: 'Notifications'}"></vn-icon>
<vn-icon icon="language" translate-attr="{title: 'Change language'}" ng-click="$ctrl.onChangeLanguage()"></vn-icon>
<vn-icon icon="exit_to_app" translate-attr="{title: 'Logout'}" ng-click="$ctrl.onLogoutClick()"></vn-icon>
<vn-icon icon="account_circle" translate-attr="{title: 'Profile'}" style="font-size: 35px;"></vn-icon>
<!--
TODO: Keep it commented until they are functional
<vn-icon icon="notifications" translate-attr="{title: 'Notifications'}"></vn-icon>
<vn-icon icon="account_circle" translate-attr="{title: 'Profile'}"></vn-icon>
-->
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" pad-small for="apps">
<li class="mdl-menu__item" ng-repeat="mod in $ctrl.modules track by $index" ui-sref="{{::mod.route.state}}">
<vn-icon ng-if="mod.icon && !mod.icon.startsWith('/')" icon="{{::mod.icon}}"></vn-icon>

View File

@ -1,4 +1,13 @@
vn-main-menu {
& > div > vn-icon {
font-size: 2.5em;
cursor: pointer;
&:hover {
color: #FF9300;
}
}
li.mdl-menu__item{
background-color: #FF9300;
margin-bottom: 8px;

View File

@ -1,6 +1,7 @@
.display-block {
display: block;
}
.well {
min-height: 20px;
padding: 19px;
@ -10,6 +11,7 @@
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.form-group {
margin-bottom: 15px;
}
@ -20,6 +22,7 @@
height: auto;
min-width: auto;
}
.popover-label {
font-weight: bold;
color: black;
@ -32,12 +35,15 @@
height: 46px;
line-height: 0px;
}
input:disabled, button:disabled {
cursor: not-allowed !important;
}
input[type="submit"]:disabled, button:disabled {
opacity: 0.7;
}
.descriptor-icon{
font-size:60px;
}