verdnatura/salix
verdnatura
/
salix
3
4
Fork 0
Code Issues Pull Requests 67 Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/salix/src/components/main-menu/main-menu.html
View File

@ -1,9 +1,13 @@
<div style="position: fixed; top: 0; right: 0; padding: .8em 1.5em; z-index: 10;"> <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="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="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="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"> <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}}"> <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> <vn-icon ng-if="mod.icon && !mod.icon.startsWith('/')" icon="{{::mod.icon}}"></vn-icon>

9
client/salix/src/components/main-menu/style.scss
View File

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

6
client/salix/src/styles/display.css
View File

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