clipperz/password-manager-mirror
1
0
Fork 0
mirror of http://git.whoc.org.uk/git/password-manager.git synced 2025-10-29 10:27:35 +01:00
Code Issues Releases Wiki Activity

Misc SCSS fixes

Browse Source 
- added edit mask shadow
- updated icon font
- updated card edit field action buttons layout
- selection panel scroll
This commit is contained in:
Giulio Cesare Solaroli
2015-03-09 15:32:36 +01:00
parent 8ffe1505f7
commit c21e074e14
9 changed files with 255 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/delta/scss/core/fonts.scss
View File

File diff suppressed because one or more lines are too long

46
frontend/delta/scss/core/layout.scss
View File

@@ -71,7 +71,7 @@
&.selection {
@include flex($selectionPanelFlexWidth, 0);
// height: 100%;
// overflow-y: scroll;
@include overflow-scroll;
}
&.cardContent {
@@ -319,6 +319,8 @@ div.cardContent {
@include flexbox;
@include flex-direction(column);
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
position: relative;
z-index: 10+1;
@@ -340,14 +342,6 @@ div.cardContent {
@include flexbox;
@include flex-direction(column);
// .cardDetailToolbar {
// @include flex(none);
// height: $mainCardToolbarHeight;
// line-height: $mainCardToolbarHeight;
// }
}
.content {
@@ -364,41 +358,7 @@ div.cardContent {
@include flexbox();
@include flex-direction(column);
height: 100%;
/*
.cardDetailToolbar {
@include flex(none);
height: $mainCardToolbarHeight;
line-height: $mainCardToolbarHeight;
&.commands > div {
@include flexbox();
@include flex-direction(row);
// font-size: 24pt;
.back {
@include flex(auto);
cursor: pointer;
}
.cardMenuOptions {
@include flex(auto);
cursor: pointer;
}
}
&.edit {
ul {
@include flexbox();
@include flex-direction(row);
li {
@include flex(auto);
cursor: pointer;
}
}
}
}
*/
.content {
@include flex(auto);
overflow-y: scroll;

25
frontend/delta/scss/core/mixin.scss
View File

@@ -164,4 +164,27 @@
&:-moz-placeholder {@content}
&::-moz-placeholder {@content}
&:-ms-input-placeholder {@content}
}
}
@mixin cursor-grab () {
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
@mixin cursor-grabbing () {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
@mixin dotted-background () {
// http://codepen.io/aleprieto/pen/nAmIy
background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
-webkit-background-size: 3px 3px;
-moz-background-size: 3px 3px;
background-size: 3px 3px;
}