refactor: Replace style for centering with center-content

This commit is contained in:
Suraj Shetty 2020-08-27 14:40:24 +05:30
parent 4a2b0255b8
commit a303b605d2
3 changed files with 3 additions and 8 deletions

View file

@ -199,7 +199,7 @@ frappe.ui.form.NewTimeline = class {
let timeline_indicator = `
<div class="timeline-indicator ${log.points > 0 ? 'appreciation': 'criticism'} bold">
${log.points}
<div>`;
</div>`;
energy_point_timeline_contents.push({
timeline_indicator: timeline_indicator,

View file

@ -376,15 +376,12 @@ body[data-route^="Module"] .main-menu {
.form-reviews {
.review {
display: inline-flex;
font-weight: 500;
width: 28px;
height: 28px;
border-radius: 50%;
vertical-align: middle;
justify-content: center;
font-size: var(--text-xs);
align-items: center;
@extend .center-content;
margin-bottom: var(--margin-sm);
margin-right: var(--margin-xs);
}

View file

@ -14,9 +14,7 @@ $threshold: 40;
left: calc(-1 * (#{$indicator-size}/2));
background-color: var(--bg-color);
border: 1px solid var(--dark-border-color);
display: inline-flex;
align-items: center;
justify-content: center;
@extend .center-content;
--icon-stroke: var(--gray-600);
}