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

Update use theme to create a font color

Browse source
This commit is contained in:
brantje 2016-09-28 00:46:51 +02:00
parent af3c7b0b99
commit 2eb46ed9d7
7 changed files with 33 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
css/app.css
View file

@ -275,14 +275,14 @@
width: 100%;
border: 2px solid rgba(240, 240, 240, 0.9);
margin: 25px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-clip: padding-box;
/* stops bg color from leaking outside the border: */ }
#app-content #app-content-wrapper .grid-view .credential .credential_content {
display: flex;
padding: 2px;
flex-direction: column;
background-color: #fff;
width: 100%;
cursor: pointer;
font-size: 1.75em;
@ -291,11 +291,11 @@
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em;
line-height: 1.3em;
color: #ddd; }
line-height: 1.3em; }
#app-content #app-content-wrapper .grid-view .credential .credential_content .tags {
margin-bottom: 0.5em; }
#app-content #app-content-wrapper .grid-view .credential .credential_content .tags .tag {
color: #000 !important;
margin-top: 5px;
display: inline-block; }
@media all and (min-width: 40em) {

2
css/app.css.map
View file

File diff suppressed because one or more lines are too long

19
js/app/directives/use-theme.js
View file

@ -8,18 +8,35 @@
*/
angular.module('passmanApp')
.directive('useTheme', ['$window', function ($window) {
function invertColor(hexTripletColor) {
var color = hexTripletColor;
color = color.substring(1); // remove #
color = parseInt(color, 16); // convert to integer
color = 0xFFFFFF ^ color; // invert three bytes
color = color.toString(16); // convert to hex
color = ("000000" + color).slice(-6); // pad with leading zeros
color = "#" + color; // prepend #
return color;
}
return {
restrict: 'A',
scope:{
type: '=type'
type: '=type',
color: '='
},
link: function (scope, el, attr, ctrl) {
var _color = $('#header').css('background-color');
if(!scope.type) {
$(el).css('background-color', _color);
} else {
$(el).css(scope.type, _color);
}
if(scope.color){
$(el).css('color', invertColor(_color));
}
}
};
}]);

4
js/templates.js
View file

File diff suppressed because one or more lines are too long

7
sass/credentials.scss
View file

@ -158,11 +158,11 @@
width: 100%;
border: 2px solid rgba(240,240,240,.9);
margin: 25px;
@include border-radius(5px);
@include border-radius(10px);
.credential_content{
display: flex;
padding: 2px;
flex-direction: column;
background-color: #fff;
width: 100%;
cursor: pointer;
font-size: 1.75em;
@ -172,12 +172,11 @@
padding-left: 1em;
padding-right: 1em;
line-height: 1.3em;
color: #ddd;
}
.tags{
margin-bottom: 0.5em;
.tag{
color: #000 !important;
margin-top: 5px;
display: inline-block;
}

3
templates/views/edit_credential.html
View file

@ -19,7 +19,8 @@
<ul class="tab_header">
<li ng-repeat="tab in tabs track by $index" class="tab"
ng-class="{active:isActiveTab(tab)}"
ng-click="onClickTab(tab)">{{tab.title}}
ng-click="onClickTab(tab)"
use-theme color="'true'">{{tab.title}}
</li>
</ul>

4
templates/views/show_vault.html
View file

@ -79,8 +79,8 @@
<li class="credential" ng-repeat="credential in credentials | credentialSearch:filterOptions | tagFilter:selectedtags | orderBy:'label'| as:this:'filtered_credentials'"
ng-if="credential.hidden == 0 && showCredentialRow(credential)"
ng-click="selectCredential(credential)"
color-from-string="credential.label">
<div class="credential_content" use-theme>
use-theme color="'true'">
<div class="credential_content" >
<div class="label">{{credential.label}}</div>
<div class="tags">
<div class="tag" ng-repeat="tag in credential.tags_raw">{{tag.text}}</div>