improve bookmark and credential display style

Signed-off-by: binsky <timo@binsky.org>
This commit is contained in:
binsky 2022-10-21 18:00:57 +02:00
parent 5cbfbafa92
commit 6ceff82ac2
6 changed files with 9 additions and 12 deletions

View file

@ -511,7 +511,7 @@
#app-sidebar { #app-sidebar {
height: auto; } height: auto; }
#app-sidebar .sidebar { #app-sidebar .sidebar {
display: inline-block; } display: flex; }
#app-sidebar .sidebar .sidebar-icon { #app-sidebar .sidebar .sidebar-icon {
margin-right: 15px; } margin-right: 15px; }
#app-sidebar .sidebar .sidebar-icon .icon-image-size { #app-sidebar .sidebar .sidebar-icon .icon-image-size {
@ -519,8 +519,7 @@
#app-sidebar .sidebar .sidebar-icon i { #app-sidebar .sidebar .sidebar-icon i {
width: 44px; } width: 44px; }
#app-sidebar .sidebar .sidebar-label { #app-sidebar .sidebar .sidebar-label {
float: right; float: right; }
line-height: 44px; }
.vaultlist_sidebar_hidden { .vaultlist_sidebar_hidden {
width: 100vw !important; width: 100vw !important;
@ -882,7 +881,6 @@
#app-content #app-content-wrapper .app_sidebar h2 { #app-content #app-content-wrapper .app_sidebar h2 {
margin-bottom: 10px; margin-bottom: 10px;
font-weight: 400; font-weight: 400;
white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
max-width: 90%; } max-width: 90%; }

File diff suppressed because one or more lines are too long

View file

@ -42,7 +42,8 @@ header {
.tab_container { .tab_container {
padding-top: 10px; padding-top: 10px;
margin-bottom: 20px; } margin-bottom: 60px;
overflow: scroll; }
.tab_container div { .tab_container div {
margin-bottom: 5px; margin-bottom: 5px;
overflow: hidden; } overflow: hidden; }

View file

@ -1,6 +1,6 @@
{ {
"version": 3, "version": 3,
"mappings": "AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAO;EACL,OAAO,EAAE,IAAI;;AAOf,gBAAiB;EACf,WAAW,EAAE,CAAC;;AAIhB,YAAa;EACX,WAAW,EAAE,CAAC;EACd,UAAU,EAAE,IAAI;;AAGlB,oBAAqB;EACnB,UAAU,EAAE,kBAAkB;;AAGhC,sBAAuB;EACrB,YAAY,EAAE,IAAI;;AAGpB,6BAA8B;EAC5B,YAAY,EAAE,CAAC;EACf,kEAAO;IACL,MAAM,EAAE,OAAO;;AAInB,cAAe;EACb,WAAW,EAAE,IAAI;EAOjB,aAAa,EAAE,IAAI;EALnB,kBAAI;IACF,aAAa,EAAE,GAAG;IAClB,QAAQ,EAAE,MAAM;;AAMpB,cAAe;EACb,UAAU,EAAE,IAAI;;AAGlB,aAAc;EACZ,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,KAAK;EACjB,aAAa,EAAE,GAAG;EAClB,SAAS,EAAE,IAAI;;AAGjB,0BAA2B;EACzB,OAAO,EAAE,IAAI;;AAGf,YAAa;EACX,OAAO,EAAE,IAAI", "mappings": "AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAO;EACL,OAAO,EAAE,IAAI;;AAOf,gBAAiB;EACf,WAAW,EAAE,CAAC;;AAIhB,YAAa;EACX,WAAW,EAAE,CAAC;EACd,UAAU,EAAE,IAAI;;AAGlB,oBAAqB;EACnB,UAAU,EAAE,kBAAkB;;AAGhC,sBAAuB;EACrB,YAAY,EAAE,IAAI;;AAGpB,6BAA8B;EAC5B,YAAY,EAAE,CAAC;EACf,kEAAO;IACL,MAAM,EAAE,OAAO;;AAInB,cAAe;EACb,WAAW,EAAE,IAAI;EACjB,aAAa,EAAE,IAAI;EACnB,QAAQ,EAAE,MAAM;EAEhB,kBAAI;IACF,aAAa,EAAE,GAAG;IAClB,QAAQ,EAAE,MAAM;;AAIpB,cAAe;EACb,UAAU,EAAE,IAAI;;AAGlB,aAAc;EACZ,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,KAAK;EACjB,aAAa,EAAE,GAAG;EAClB,SAAS,EAAE,IAAI;;AAGjB,0BAA2B;EACzB,OAAO,EAAE,IAAI;;AAGf,YAAa;EACX,OAAO,EAAE,IAAI",
"sources": ["../sass/bookmarklet.scss"], "sources": ["../sass/bookmarklet.scss"],
"names": [], "names": [],
"file": "bookmarklet.css" "file": "bookmarklet.css"

View file

@ -55,13 +55,13 @@ header {
.tab_container { .tab_container {
padding-top: 10px; padding-top: 10px;
margin-bottom: 60px;
overflow: scroll;
div { div {
margin-bottom: 5px; margin-bottom: 5px;
overflow: hidden; overflow: hidden;
} }
margin-bottom: 20px;
} }
.vault_wrapper { .vault_wrapper {

View file

@ -51,7 +51,7 @@
#app-sidebar{ #app-sidebar{
height: auto; height: auto;
.sidebar{ .sidebar{
display: inline-block; display: flex;
.sidebar-icon { .sidebar-icon {
margin-right: 15px; margin-right: 15px;
.icon-image-size{ .icon-image-size{
@ -63,7 +63,6 @@
} }
.sidebar-label{ .sidebar-label{
float:right; float:right;
line-height: 44px;
} }
} }
} }
@ -543,7 +542,6 @@
h2 { h2 {
margin-bottom: 10px; margin-bottom: 10px;
font-weight: 400; font-weight: 400;
white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
max-width: 90%; max-width: 90%;