nextcloud/passman
1
1
Fork 0
mirror of https://github.com/nextcloud/passman.git synced 2025-10-11 05:56:15 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix icon style for productive nextcloud instances

Browse source 
Signed-off-by: binsky <timo@binsky.org>
This commit is contained in:
binsky 2021-08-23 15:37:54 +02:00
parent 017e38e62c
commit cae98cfa8d
7 changed files with 25 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
js/app/directives/icon.js
View file

@ -32,7 +32,7 @@
angular.module('passmanApp').directive('credentialIcon', [
'$window', function($window) {
return {
template: '<img ng-src="{{ iconUrl }}" class="icon-image">',
template: '<img ng-src="{{ iconUrl }}" class="icon-image-size">',
restrict: 'E',
scope: {
credential: '=',
@ -55,4 +55,4 @@
}
};
}]);
}());
}());

4
js/templates.js
View file

File diff suppressed because one or more lines are too long

4
sass/credentials.scss
View file

@ -28,7 +28,7 @@
}
//fix for different heights of passwordicon
.icon-image{
.icon-image-size{
width: 16px;
}
@ -53,7 +53,7 @@
display: inline-block;
.sidebar-icon {
margin-right: 15px;
.icon-image{
.icon-image-size{
width: 44px;
}
i {

1
sass/menu.scss
View file

@ -125,6 +125,7 @@
}
a {
overflow: visible;
padding-left: 44px!important;
tags-input {
opacity: 1.0;
li {

18
sass/partials/tabs.scss
View file

@ -25,11 +25,23 @@
flex-direction: column;
min-height: 0;
flex: 1 1 100%;
z-index: 51;
background: var(--color-main-background);
}
.app-sidebar-tabs__nav ul {
display: flex;
justify-content: stretch;
.app-sidebar-tabs__nav {
background: var(--color-background-hover);
ul {
display: flex;
justify-content: stretch;
}
}
.theme--dark {
.app-sidebar-tabs__nav {
background: var(--color-background-darker);
}
}
.app-sidebar-tabs__tab.active {

4
templates/views/partials/icon-picker.html
View file

@ -1,6 +1,6 @@
<div class="cell fa fa-lock" ng-if="!credential.url && !credential.icon"></div>
<div class="cell fa fa-lock" ng-if="!credential.url && (!credential.icon || (credential.icon && !credential.icon.type))"></div>
<div class="cell" ng-if="credential.url || credential.icon">
<div class="cell" ng-if="credential.url || (credential.icon && credential.icon.type !== false)">
<span class="icon">
<credential-icon credential="credential"></credential-icon>
</span>

2
templates/views/show_vault.html
View file

@ -152,7 +152,7 @@
<credential-icon credential="selectedCredential"></credential-icon>
</span>
<span class="icon sidebar-icon" ng-if="!selectedCredential.url && (!selectedCredential.icon || (selectedCredential.icon && !selectedCredential.icon.type))">
<i class="fa fa-lock fa-3x icon-image"></i>
<i class="fa fa-lock fa-3x icon-image-size"></i>
</span>
<h2 class="sidebar-label">{{selectedCredential.label}}</h2>
</div>