clipperz/password-manager-mirror
1
0
Fork 0
mirror of http://git.whoc.org.uk/git/password-manager.git synced 2024-11-14 23:49:02 +01:00
Code Issues Releases Wiki Activity

Improved rendering for password generator

Browse Source
This commit is contained in:
Giulio Cesare Solaroli 2015-08-10 15:26:45 +02:00
parent 2e6ae458de
commit cb949d791f
3 changed files with 17 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/delta/css/clipperz.css
View File

@ -3579,7 +3579,7 @@ div.cardList.narrow {
.passwordGenerator .passwordGeneratorBaloon form .setValue { .passwordGenerator .passwordGeneratorBaloon form .setValue {
background-color: #333333; background-color: #333333;
height: 4px; height: 4px;
border-bottom: 6px solid #333333; border-bottom: 6px solid #4d4d4d;
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; } border-bottom-right-radius: 6px; }
.passwordGenerator .passwordGeneratorBaloon form .setValue:after { .passwordGenerator .passwordGeneratorBaloon form .setValue:after {
@ -3587,19 +3587,20 @@ div.cardList.narrow {
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 10%; left: 10%;
margin-left: 0px;
width: 0; width: 0;
height: 0; height: 0;
border-top: 6px solid #333333; border-top: 6px solid #4d4d4d;
border-left: 6px solid transparent; border-left: 6px solid transparent;
border-right: 6px solid transparent; } border-right: 6px solid transparent; }
.passwordGenerator .passwordGeneratorBaloon form .setValue:hover { .passwordGenerator .passwordGeneratorBaloon form .setValue:hover {
border-color: #aaaaaa; border-color: #999999;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4); } box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4); }
.passwordGenerator .passwordGeneratorBaloon form .setValue:hover:after { .passwordGenerator .passwordGeneratorBaloon form .setValue:hover:after {
border-top: 8px solid #aaaaaa; border-top: 10px solid #999999;
border-left: 8px solid transparent; border-left: 10px solid transparent;
border-right: 8px solid transparent; border-right: 10px solid transparent;
margin-left: -1px; } margin-left: -2px; }
div.dialog { div.dialog {
-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75); -webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);

2
frontend/delta/css/clipperz.css.map
View File

File diff suppressed because one or more lines are too long

16
frontend/delta/scss/style/card.scss
View File

@ -865,38 +865,38 @@ $cardViewBasePadding: 10px;
} }
} }
$setValueColor: lighten($passwordBaloonColor, 10%);
$setValueHoverColor: lighten($passwordBaloonColor, 40%);
.setValue { .setValue {
background-color: $passwordBaloonColor; background-color: $passwordBaloonColor;
// height: $borderRadius; // height: $borderRadius;
height: 10px - $borderRadius; height: 10px - $borderRadius;
border-bottom: $borderRadius solid $passwordBaloonColor; border-bottom: $borderRadius solid $setValueColor;
border-bottom-left-radius: $borderRadius; border-bottom-left-radius: $borderRadius;
border-bottom-right-radius: $borderRadius; border-bottom-right-radius: $borderRadius;
$arrowSize: 6px; $arrowSize: 6px;
$hoverArrowSize: 8px; $hoverArrowSize: 10px;
// $hoverColor: $clipperz-blue;
$hoverColor: #aaa;
&:after { &:after {
content:''; content:'';
position:absolute; position:absolute;
top:100%; top:100%;
// left:10px; // left:10px;
left:10%; left:10%;
margin-left: 0px;
width:0; width:0;
height:0; height:0;
border-top:$arrowSize solid $passwordBaloonColor; border-top:$arrowSize solid $setValueColor;
border-left:$arrowSize solid transparent; border-left:$arrowSize solid transparent;
border-right:$arrowSize solid transparent; border-right:$arrowSize solid transparent;
} }
&:hover { &:hover {
border-color: $hoverColor; border-color: $setValueHoverColor;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .4); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .4);
&:after { &:after {
// background-color: $hoverColor; border-top:$hoverArrowSize solid $setValueHoverColor;
border-top:$hoverArrowSize solid $hoverColor;
border-left:$hoverArrowSize solid transparent; border-left:$hoverArrowSize solid transparent;
border-right:$hoverArrowSize solid transparent; border-right:$hoverArrowSize solid transparent;
margin-left: -($hoverArrowSize - $arrowSize) / 2; margin-left: -($hoverArrowSize - $arrowSize) / 2;