Minor UI tweaks
This commit is contained in:
sairaj mote
parent
510e7c94b5
commit
092c0de682
13
css/main.css
13
css/main.css
@ -126,7 +126,7 @@ button,
|
|||||||
color: inherit;
|
color: inherit;
|
||||||
-webkit-tap-highlight-color: transparent;
|
-webkit-tap-highlight-color: transparent;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: inherit;
|
font-size: 0.9rem;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
padding: 0.8rem;
|
padding: 0.8rem;
|
||||||
@ -297,6 +297,10 @@ sm-chip {
|
|||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
--selected-background-color: rgba(var(--text-color), 0.9);
|
||||||
|
}
|
||||||
|
sm-chip[selected] {
|
||||||
|
color: rgba(var(--background-color), 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
ul,
|
ul,
|
||||||
@ -994,7 +998,8 @@ ol li::before {
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
white-space: initial;
|
white-space: initial;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.5rem 0;
|
justify-content: flex-start;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.prime-action .icon {
|
.prime-action .icon {
|
||||||
background-color: rgba(var(--text-color), 0.06);
|
background-color: rgba(var(--text-color), 0.06);
|
||||||
@ -1129,6 +1134,8 @@ ol li::before {
|
|||||||
}
|
}
|
||||||
.selectable-contact input {
|
.selectable-contact input {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
|
height: 1.3em;
|
||||||
|
width: 1.3em;
|
||||||
}
|
}
|
||||||
.selectable-contact button {
|
.selectable-contact button {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
@ -1595,7 +1602,7 @@ ol li::before {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#notification_panel_button .badge {
|
sm-chip .badge {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: -0.2rem 0 -0.2rem 0.5rem;
|
margin: -0.2rem 0 -0.2rem 0.5rem;
|
||||||
height: 1.5rem;
|
height: 1.5rem;
|
||||||
|
|||||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -135,7 +135,7 @@ button,
|
|||||||
color: inherit;
|
color: inherit;
|
||||||
-webkit-tap-highlight-color: transparent;
|
-webkit-tap-highlight-color: transparent;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: inherit;
|
font-size: 0.9rem;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
padding: 0.8rem;
|
padding: 0.8rem;
|
||||||
@ -302,6 +302,10 @@ sm-chip {
|
|||||||
--padding: 0.5rem 0.6rem;
|
--padding: 0.5rem 0.6rem;
|
||||||
--background: rgba(var(--text-color), 0.06);
|
--background: rgba(var(--text-color), 0.06);
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
--selected-background-color: rgba(var(--text-color), 0.9);
|
||||||
|
&[selected] {
|
||||||
|
color: rgba(var(--background-color), 1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ul,
|
ul,
|
||||||
@ -1001,7 +1005,8 @@ ol {
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
white-space: initial;
|
white-space: initial;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.5rem 0;
|
justify-content: flex-start;
|
||||||
|
padding: 0;
|
||||||
.icon {
|
.icon {
|
||||||
background-color: rgba(var(--text-color), 0.06);
|
background-color: rgba(var(--text-color), 0.06);
|
||||||
fill: var(--accent-color);
|
fill: var(--accent-color);
|
||||||
@ -1145,6 +1150,8 @@ ol {
|
|||||||
}
|
}
|
||||||
input {
|
input {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
|
height: 1.3em;
|
||||||
|
width: 1.3em;
|
||||||
}
|
}
|
||||||
button {
|
button {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
@ -1640,7 +1647,7 @@ ol {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#notification_panel_button {
|
sm-chip {
|
||||||
.badge {
|
.badge {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: -0.2rem 0 -0.2rem 0.5rem;
|
margin: -0.2rem 0 -0.2rem 0.5rem;
|
||||||
|
|||||||
29
index.html
29
index.html
@ -287,25 +287,16 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="hidden flex flex-direction-column gap-0-5">
|
<div class="hidden flex flex-direction-column gap-0-5">
|
||||||
<div class="flex align-center gap-0-5" style="margin: 0 0.5rem;">
|
<button class="prime-action button--colored" style="margin: 0.5rem 1rem 0 1rem;"
|
||||||
<button class="prime-action interactive" onclick="openCreationPopup('multisig')">
|
onclick="openCreationPopup('multisig')">
|
||||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
|
||||||
width="24px" fill="#000000">
|
width="24px" fill="#000000">
|
||||||
<path d="M0 0h24v24H0z" fill="none" />
|
<path d="M0 0h24v24H0z" fill="none" />
|
||||||
<path
|
<path
|
||||||
d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z" />
|
d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z" />
|
||||||
</svg>
|
</svg>
|
||||||
Create address
|
Create multisig address
|
||||||
</button>
|
</button>
|
||||||
<button class="prime-action interactive" onclick="openPopup('multisig_tx_popup')">
|
|
||||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
|
|
||||||
width="24px" fill="#000000">
|
|
||||||
<path d="M0 0h24v24H0z" fill="none" />
|
|
||||||
<path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" />
|
|
||||||
</svg>
|
|
||||||
Initiate transaction
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<ul id="select_multisig_list" class="grid gap-0-3 observe-empty-state"></ul>
|
<ul id="select_multisig_list" class="grid gap-0-3 observe-empty-state"></ul>
|
||||||
<div class="empty-state grid gap-1">
|
<div class="empty-state grid gap-1">
|
||||||
<p>
|
<p>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user