RanchiMall/messenger
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor UI tweaks

Browse Source
This commit is contained in:
sairaj mote 2022-11-20 22:34:19 +05:30
parent 510e7c94b5
commit 092c0de682
4 changed files with 31 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/main.css
View File

@ -126,7 +126,7 @@ button,
color: inherit;
-webkit-tap-highlight-color: transparent;
align-items: center;
font-size: inherit;
font-size: 0.9rem;
font-weight: 500;
white-space: nowrap;
padding: 0.8rem;
@ -297,6 +297,10 @@ sm-chip {
-webkit-user-select: none;
-moz-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,
@ -994,7 +998,8 @@ ol li::before {
font-weight: 500;
white-space: initial;
text-align: left;
padding: 0.5rem 0;
justify-content: flex-start;
padding: 0;
}
.prime-action .icon {
background-color: rgba(var(--text-color), 0.06);
@ -1129,6 +1134,8 @@ ol li::before {
}
.selectable-contact input {
margin-left: auto;
height: 1.3em;
width: 1.3em;
}
.selectable-contact button {
margin-left: auto;
@ -1595,7 +1602,7 @@ ol li::before {
text-align: center;
}
#notification_panel_button .badge {
sm-chip .badge {
position: relative;
margin: -0.2rem 0 -0.2rem 0.5rem;
height: 1.5rem;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

13
css/main.scss
View File

@ -135,7 +135,7 @@ button,
color: inherit;
-webkit-tap-highlight-color: transparent;
align-items: center;
font-size: inherit;
font-size: 0.9rem;
font-weight: 500;
white-space: nowrap;
padding: 0.8rem;
@ -302,6 +302,10 @@ sm-chip {
--padding: 0.5rem 0.6rem;
--background: rgba(var(--text-color), 0.06);
user-select: none;
--selected-background-color: rgba(var(--text-color), 0.9);
&[selected] {
color: rgba(var(--background-color), 1);
}
}
ul,
@ -1001,7 +1005,8 @@ ol {
font-weight: 500;
white-space: initial;
text-align: left;
padding: 0.5rem 0;
justify-content: flex-start;
padding: 0;
.icon {
background-color: rgba(var(--text-color), 0.06);
fill: var(--accent-color);
@ -1145,6 +1150,8 @@ ol {
}
input {
margin-left: auto;
height: 1.3em;
width: 1.3em;
}
button {
margin-left: auto;
@ -1640,7 +1647,7 @@ ol {
}
}
}
#notification_panel_button {
sm-chip {
.badge {
position: relative;
margin: -0.2rem 0 -0.2rem 0.5rem;

29
index.html
View File

@ -287,25 +287,16 @@
</button>
</div>
<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 interactive" onclick="openCreationPopup('multisig')">
<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="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>
Create address
</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>
<button class="prime-action button--colored" style="margin: 0.5rem 1rem 0 1rem;"
onclick="openCreationPopup('multisig')">
<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="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>
Create multisig address
</button>
<ul id="select_multisig_list" class="grid gap-0-3 observe-empty-state"></ul>
<div class="empty-state grid gap-1">
<p>