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

Fix credential-editing layout WIP

Browse source 
Signed-off-by: Felix Nüsse <Felix.nuesse@t-online.de>
This commit is contained in:
Felix Nüsse 2018-09-30 19:32:00 +02:00
parent d519d167ee
commit aa2e26aab7
5 changed files with 27 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
sass/app.scss
View file

@ -67,7 +67,7 @@
top: 45px; top: 45px;
right: 0; right: 0;
left: 0; left: 0;
border-bottom: 1px solid #c9c9c9;
padding: 0 !important; padding: 0 !important;
margin: 0; margin: 0;
background-color: rgba(255, 255, 255, .95); background-color: rgba(255, 255, 255, .95);

13
sass/credentials.scss
View file

@ -573,21 +573,22 @@
@include border-left-radius(0) @include border-left-radius(0)
} }
.icon-picker { .icon-picker {
float: left; //float: left;
margin-top: 3px; margin-top: 3px;
margin-left: -3px; margin-left: -3px;
@include border-left-radius(3px); //@include border-left-radius(3px);
.cell { .cell {
//min-height: 44px;
padding: 7px 12px 2px 12px; padding: 7px 12px 2px 12px;
display: inline-block; display: inline-block;
font-size: 14px; font-size: 14px;
border: 1px solid #ddd; border: 1px solid #ddd;
background-color: lighten(#ddd, 5%); background-color: lighten(#ddd, 5%);
cursor: pointer; cursor: pointer;
@include border-left-radius(6px); //@include border-left-radius(6px);
img { //img {
height: 16px; // height: 16px;
} //}
} }
.cell:hover { .cell:hover {
color: rgb(0, 102, 255); color: rgb(0, 102, 255);

19
sass/partials/tabs.scss
View file

@ -21,7 +21,9 @@
*/ */
.tab_header { .tab_header {
margin: 44px 0 0; width: calc(100vw - 300px);
// margin: 44px 0 0;
margin: 0 0 0;
list-style: none; list-style: none;
padding: 0; padding: 0;
li.tab:first-child { li.tab:first-child {
@ -45,9 +47,15 @@
display: none; display: none;
} }
} }
li.inactive {
background-color: #fff !important;
color: unset !important;
}
li.active { li.active {
color: #fff;
position: relative; //position: relative;
.indicator { .indicator {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
@ -60,10 +68,9 @@
} }
.tab_container { .tab_container {
border: 1px solid; border: 1px solid #eee;
border-color: #eee;
border-top-color: #0082c9; border-top-color: #0082c9;
border-bottom: 0; border-bottom-width: 0;
clear: both; clear: both;
padding: 0 1em; padding: 0 1em;
} }

7
templates/views/edit_credential.html
View file

@ -1,7 +1,6 @@
<div id="passman-controls"> <div id="passman-controls">
<div id="controls" class="breadcrumb"> <div class="breadcrumb">
<div class="actions creatable">
<div class="breadcrumb"> <div class="breadcrumb">
<div class="crumb svg ui-droppable" data-dir="/"> <div class="crumb svg ui-droppable" data-dir="/">
<a ng-click="logout()"><i class="fa fa-home"></i></a> <a ng-click="logout()"><i class="fa fa-home"></i></a>
@ -15,13 +14,13 @@
<a ng-if="!storedCredential.credential_id">{{ 'create.credential' | translate}}</a> <a ng-if="!storedCredential.credential_id">{{ 'create.credential' | translate}}</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div> <div>
<ul class="tab_header"> <ul class="tab_header">
<li ng-repeat="tab in tabs track by $index" class="tab" <li ng-repeat="tab in tabs track by $index" class="tab"
ng-class="{active:isActiveTab(tab)}" ng-class="isActiveTab(tab)? 'active' : 'inactive'"
ng-click="onClickTab(tab)" use-theme color="'true'" ng-click="onClickTab(tab)" use-theme color="'true'"
>{{tab.title}} >{{tab.title}}
<div class="indicator" use-theme negative="'true'"></div> <div class="indicator" use-theme negative="'true'"></div>

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

@ -1,6 +1,8 @@
<div> <div>
<div class="cell"> <div class="cell">
<credential-icon credential="credential"></credential-icon> <span >
<span class="icon icon-category-auth"></span>
</span>
</div> </div>
<div style="display: none" id="iconPicker" title="{{ 'pick.icon' | translate }}"> <div style="display: none" id="iconPicker" title="{{ 'pick.icon' | translate }}">
<div class="iconList"> <div class="iconList">