Skip to content

Commit

Permalink
Style changes from horizontal-small to around-small
Browse files Browse the repository at this point in the history
  • Loading branch information
@tomansley
tomansley committed Sep 6, 2024
1 parent ec59b02 commit 00c07fd
Showing 1 changed file with 15 additions and 15 deletions.
30 changes: 15 additions & 15 deletions force-app/main/default/lwc/simpliUIListViews/simpliUIListViews.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,11 +38,11 @@
</template>
</template>

<lightning-layout multiple-rows={headerCanWrap}>
<lightning-layout multiple-rows={headerCanWrap} class="slds-wrap">

<template if:true={hasTitle}>
<template if:false={isModeApp}>
<lightning-layout-item padding="horizontal-small" style="width: 20%;">
<lightning-layout-item padding="around-small" style="width: 20%;">
<h2 style="font-weight: bold; font-size: 1.3em; padding: 5px">
{mainTitle}
</h2>
Expand All @@ -54,7 +54,7 @@ <h2 style="font-weight: bold; font-size: 1.3em; padding: 5px">
<!-- OBJECT PICKLIST -->
<!-- --------------------- -->
<template if:true={displayObjectNames}>
<lightning-layout-item class={objectlistdropdownstyle} padding="horizontal-small">
<lightning-layout-item class={objectlistdropdownstyle} padding="around-small">
<template if:true={typeAheadObjectSearch}>
<c-simpli-u-i-list-views-type-ahead search-type="schema"
label-field-name="Label"
Expand Down Expand Up @@ -82,7 +82,7 @@ <h2 style="font-weight: bold; font-size: 1.3em; padding: 5px">
<!-- --------------------- -->
<template if:true={displayListViewNames}>
<template if:true={selectedObject}>
<lightning-layout-item class={listviewdropdownstyle} style="padding-left:10px;">
<lightning-layout-item class={listviewdropdownstyle} style="padding-left:10px;" padding="around-small">
<template if:true={typeAheadListSearch}>
<c-simpli-u-i-list-views-type-ahead search-type="sobject"
label-field-name="simpli_lv__Label__c"
Expand Down Expand Up @@ -110,11 +110,11 @@ <h2 style="font-weight: bold; font-size: 1.3em; padding: 5px">
<!-- --------------------- -->
<!-- DATA SPINNER -->
<!-- --------------------- -->
<lightning-layout-item style="width: 3%;">
<lightning-layout-item padding="around-small">
<div style="font-size: 1.1rem;">
<template if:true={dataSpinner}>
<div class="dataSpinnerHolder">
<lightning-spinner alternative-text={label.Loading} size="small"></lightning-spinner>
<lightning-spinner alternative-text={label.Loading} size="x-small"></lightning-spinner>
</div>
</template>
</div>
Expand All @@ -126,7 +126,7 @@ <h2 style="font-weight: bold; font-size: 1.3em; padding: 5px">
<template if:true={displayURL}>
<template if:true={listViewData}>
<template if:true={listViewData.isCoreListView}>
<lightning-layout-item padding="horizontal-small">
<lightning-layout-item padding="around-small">
<a href={listViewData.coreListViewURL} target="_blank">
<lightning-button-icon title={label.Go_To_Original}
size="medium"
Expand All @@ -141,7 +141,7 @@ <h2 style="font-weight: bold; font-size: 1.3em; padding: 5px">
<!-- REFRESH BUTTON -->
<!-- ------------------------- -->
<template if:true={canReprocess}>
<lightning-layout-item>
<lightning-layout-item padding="around-small">
<lightning-button-icon title={refreshTitle}
size="medium"
icon-name="action:new_task"
Expand All @@ -155,7 +155,7 @@ <h2 style="font-weight: bold; font-size: 1.3em; padding: 5px">
<!-- ------------------------- -->
<template if:true={canPin}>
<template if:true={listViewData}>
<lightning-layout-item padding="horizontal-small">
<lightning-layout-item padding="around-small">
<template if:false={isPinned}>
<lightning-button-icon title={label.Pin_List_View}
size="medium"
Expand All @@ -180,12 +180,12 @@ <h2 style="font-weight: bold; font-size: 1.3em; padding: 5px">
<template if:true={displayRowCount}>
<template if:true={listViewData}>
<template if:true={displayExportButton}>
<lightning-layout-item title={label.Export_All} padding="horizontal-small" style="display: flex; justify-content: center; align-items: center;">
<lightning-layout-item title={label.Export_All} padding="around-small" style="display: flex; justify-content: center; align-items: center;">
{label.Rows}:&nbsp;<a onclick={handleDownloadData}>{listViewDataRowsSize}</a>
</lightning-layout-item>
</template>
<template if:false={displayExportButton}>
<lightning-layout-item padding="horizontal-small" style="display: flex; justify-content: center; align-items: center;">
<lightning-layout-item padding="around-small" style="display: flex; justify-content: center; align-items: center;">
{label.Rows}: {listViewDataRowsSize}
</lightning-layout-item>
</template>
Expand All @@ -198,19 +198,19 @@ <h2 style="font-weight: bold; font-size: 1.3em; padding: 5px">
<template if:true={displaySelectedCount}>
<template if:true={listViewData}>
<template if:true={displayExportButton}>
<lightning-layout-item title={label.Export_Selected} padding="horizontal-small" style="display: flex; justify-content: center; align-items: center;">
<lightning-layout-item title={label.Export_Selected} padding="around-small" style="display: flex; justify-content: center; align-items: center;">
{label.Selected}:&nbsp;<a onclick={handleSelectedDownloadData}>{selectedRecordCount}</a>
</lightning-layout-item>
</template>
<template if:false={displayExportButton}>
<lightning-layout-item padding="horizontal-small" style="display: flex; justify-content: center; align-items: center;">
<lightning-layout-item padding="around-small" style="display: flex; justify-content: center; align-items: center;">
{label.Selected}: {selectedRecordCount}
</lightning-layout-item>
</template>
</template>
</template>

<lightning-layout-item alignment-bump="left" padding="horizontal-small">
<lightning-layout-item alignment-bump="left" padding="around-small">
<lightning-layout>

<!-- ------------------------- -->
Expand Down Expand Up @@ -252,7 +252,7 @@ <h2 style="font-weight: bold; font-size: 1.3em; padding: 5px">
<!-- ------------------------- -->
<template if:true={listViewData}>
<template if:true={allowRefresh}>
<lightning-layout-item padding="horizontal-small">
<lightning-layout-item padding="horizontal-small">
<template if:true={isRefreshing}>
<lightning-button-icon title={label.Stop_Auto_Refresh}
size="medium"
Expand Down

0 comments on commit 00c07fd

Please sign in to comment.