nextcloud/passman
1
1
Fork 0
mirror of https://github.com/nextcloud/passman.git synced 2025-10-11 22:15:58 +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', [ angular.module('passmanApp').directive('credentialIcon', [
'$window', function($window) { '$window', function($window) {
return { return {
template: '<img ng-src="{{ iconUrl }}" class="icon-image">', template: '<img ng-src="{{ iconUrl }}" class="icon-image-size">',
restrict: 'E', restrict: 'E',
scope: { scope: {
credential: '=', 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 //fix for different heights of passwordicon
.icon-image{ .icon-image-size{
width: 16px; width: 16px;
} }
@ -53,7 +53,7 @@
display: inline-block; display: inline-block;
.sidebar-icon { .sidebar-icon {
margin-right: 15px; margin-right: 15px;
.icon-image{ .icon-image-size{
width: 44px; width: 44px;
} }
i { i {

1
sass/menu.scss
View file

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

18
sass/partials/tabs.scss
View file

@ -25,11 +25,23 @@
flex-direction: column; flex-direction: column;
min-height: 0; min-height: 0;
flex: 1 1 100%; flex: 1 1 100%;
z-index: 51;
background: var(--color-main-background);
} }
.app-sidebar-tabs__nav ul { .app-sidebar-tabs__nav {
display: flex; background: var(--color-background-hover);
justify-content: stretch;
ul {
display: flex;
justify-content: stretch;
}
}
.theme--dark {
.app-sidebar-tabs__nav {
background: var(--color-background-darker);
}
} }
.app-sidebar-tabs__tab.active { .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"> <span class="icon">
<credential-icon credential="credential"></credential-icon> <credential-icon credential="credential"></credential-icon>
</span> </span>

2
templates/views/show_vault.html
View file

@ -152,7 +152,7 @@
<credential-icon credential="selectedCredential"></credential-icon> <credential-icon credential="selectedCredential"></credential-icon>
</span> </span>
<span class="icon sidebar-icon" ng-if="!selectedCredential.url && (!selectedCredential.icon || (selectedCredential.icon && !selectedCredential.icon.type))"> <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> </span>
<h2 class="sidebar-label">{{selectedCredential.label}}</h2> <h2 class="sidebar-label">{{selectedCredential.label}}</h2>
</div> </div>