style: made links card block pixel perfect

This commit is contained in:
Shariq Ansari 2022-02-08 19:28:08 +05:30
parent 2b12fa880c
commit c12c8eb314
2 changed files with 14 additions and 7 deletions

View file

@ -100,7 +100,7 @@ export default class Widget {
let title = max_chars ? frappe.ellipsis(base, max_chars) : base;
if (this.icon) {
let icon = frappe.utils.icon(this.icon, "md");
let icon = frappe.utils.icon(this.icon, "lg");
this.title_field[0].innerHTML = `${icon} <span class="ellipsis" title="${title}">${title}</span>`;
} else {
this.title_field[0].innerHTML = `<span class="ellipsis" title="${title}">${title}</span>`;

View file

@ -154,7 +154,8 @@ body {
svg {
flex: none;
margin-right: var(--margin-sm);
margin-right: 6px;
margin-left: -2px;
box-shadow: none;
}
}
@ -560,23 +561,29 @@ body {
}
&.links-widget-box {
padding: 16px 7px;
padding: 18px 12px;
.link-item {
display: flex;
text-decoration: none;
font-size: var(--text-md);
color: var(--text-color);
padding: var(--padding-xs);
margin-left: -5px;
padding: 4px;
margin-left: -4px;
margin-bottom: 4px;
border-radius: var(--border-radius-md);
cursor: pointer;
&:hover {
background-color: var(--bg-color);
background-color: var(--fg-hover-color);
.indicator-pill {
background-color: var(--fg-color);
}
}
&:first-child {
margin-top: 15px;
margin-top: 18px;
}
&:last-child {