Skip to content

Commit

Permalink
Remove personalization class
Browse files Browse the repository at this point in the history
  • Loading branch information
tmcconechy committed Jan 18, 2024
1 parent 3396858 commit 5a024df
Show file tree
Hide file tree
Showing 7 changed files with 44 additions and 44 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -19,87 +19,87 @@ <h1><span data-translate="text">UserProfile</span></h1>
</header>

<div id="maincontent" class="page-container scrollable" role="main">
<div class="row is-personalizable">
<div class="row">
<div class="four columns">
<span class="label">Primary</span>
<button class="btn-primary" type="button" id="primary-action-two">Action</button><br><br><br>
<button class="btn-primary" type="button" id="primary-action-three" disabled>Action</button><br><br><br>

<button class="btn-primary" type="button" id="primary-alert">
<svg class="icon" focusable="false" aria-hidden="true" role="presentation">
<use href="#icon-alert"></use>
</svg>
<span>Primary Button</span>
</button>

<br><br><br><br>
</div>

<div class="three columns">
<span class="label">Secondary</span>
<button class="btn-secondary" type="button" id="secondary-action-one">Action</button><br><br><br>
<button class="btn-secondary" type="button" id="secondary-action-two" disabled>Action</button><br><br><br>

<button class="btn-secondary" type="button" id="secondary-alert">
<svg class="icon" focusable="false" aria-hidden="true" role="presentation">
<use href="#icon-settings"></use>
</svg>
<span>Secondary Button</span>
</button>

<br><br><br><br>
</div>

<div class="three columns">
<span class="label">Tertiary</span>

<button type="button" class="btn-tertiary" id="tertiary-filter-one">
<svg role="presentation" aria-hidden="true" focusable="false" class="icon">
<use href="#icon-filter"></use>
</svg>
<span>Action</span>
</button>
<br><br>

<button type="button" class="btn-tertiary" id="tertiary-filter-two" disabled>
<svg role="presentation" aria-hidden="true" focusable="false" class="icon">
<use href="#icon-filter"></use>
</svg>
<span>Action</span>
</button>
<br><br>

<button type="button" class="btn btn-link" id="tertiary-filter-three">
<svg role="presentation" aria-hidden="true" focusable="false" class="icon">
<use href="#icon-filter"></use>
</svg>
<span>Action</span>
</button>

<br><br><br><br>
</div>

<div class="two columns">
<span class="label">Icon</span>

<button type="button" class="btn-icon" id="calendar-enabled">
<span>Date</span>
<svg role="presentation" aria-hidden="true" focusable="false" class="icon">
<use href="#icon-calendar"></use>
</svg>
</button>
<br><br>

<button type="button" class="btn-icon" id="calendar-disabled" disabled>
<span>Date</span>
<svg role="presentation" aria-hidden="true" focusable="false" class="icon">
<use href="#icon-calendar"></use>
</svg>
</button>

<br><br><br><br>
</div>
</div>
</div>
</div>
</div>

Expand Down
2 changes: 1 addition & 1 deletion app/views/components/button/example-badge.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
</div>
</div>

<div class="row is-personalizable">
<div class="row">
<div class="six columns">
<span class="label">Icon</span>
<button class="btn-icon" type="button" id="primary-action-two" data-options="{notificationBadge: 'true', notificationBadgeOptions: {position: 'upper-left', color: 'complete'}}">
Expand Down
38 changes: 19 additions & 19 deletions app/views/components/button/example-index.html
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
<div class="row is-personalizable">
<div class="row">
<div class="twelve columns">
<div class="row">
<div class="four column">
<h2 class="fieldset-title">Standard</h2>
</div>
</div>

<div class="four columns">
<span class="label">Primary</span>
<button class="btn-primary" type="button" id="primary-action-two">Action</button><br><br><br>
<button class="btn-primary" type="button" id="primary-action-three" disabled>Action</button><br><br><br>

<button class="btn-primary" type="button" id="primary-alert">
<svg class="icon" focusable="false" aria-hidden="true" role="presentation">
<use href="#icon-open-folder"></use>
Expand All @@ -24,15 +24,15 @@ <h2 class="fieldset-title">Standard</h2>
</svg>
<span>Action</span>
</button>

<br><br><br><br>
</div>

<div class="three columns">
<span class="label">Secondary</span>
<button class="btn-secondary" type="button" id="secondary-action-one">Action</button><br><br><br>
<button class="btn-secondary" type="button" id="secondary-action-two" disabled>Action</button><br><br><br>

<button class="btn-secondary" type="button" id="secondary-alert">
<svg class="icon" focusable="false" aria-hidden="true" role="presentation">
<use href="#icon-open-folder"></use>
Expand All @@ -46,10 +46,10 @@ <h2 class="fieldset-title">Standard</h2>
</svg>
<span>Action</span>
</button>

<br><br><br><br>
</div>

<div class="three columns">
<span class="label">Tertiary</span>
<button type="button" class="btn-tertiary" id="tertiary-filter-one">
Expand All @@ -59,15 +59,15 @@ <h2 class="fieldset-title">Standard</h2>
<span>Action</span>
</button>
<br><br>

<button type="button" class="btn-tertiary" id="tertiary-filter-two" disabled>
<svg role="presentation" aria-hidden="true" focusable="false" class="icon">
<use href="#icon-open-folder"></use>
</svg>
<span>Action</span>
</button>
<br><br>

<button type="button" class="btn btn-link" id="tertiary-filter-three">
<svg role="presentation" aria-hidden="true" focusable="false" class="icon">
<use href="#icon-open-folder"></use>
Expand All @@ -82,44 +82,44 @@ <h2 class="fieldset-title">Standard</h2>
</svg>
<span>Action</span>
</button>

<br><br><br><br>
</div>

<div class="two columns">
<span class="label">Icon</span>

<button type="button" class="btn-icon" id="calendar-enabled">
<span>Date</span>
<svg role="presentation" aria-hidden="true" focusable="false" class="icon">
<use href="#icon-calendar"></use>
</svg>
</button>
<br><br>

<button type="button" class="btn-icon" id="calendar-disabled" disabled>
<span>Date</span>
<svg role="presentation" aria-hidden="true" focusable="false" class="icon">
<use href="#icon-calendar"></use>
</svg>
</button>

<br><br><br><br>
</div>

<div class="row">
<div class="four column">
<h2 class="fieldset-title">Destructive</h2>
</div>
</div>

<div class="four columns">
<span class="label">Primary</span>
<button class="btn-primary destructive" type="button" id="primary-action-two">Action</button><br><br><br>
<button class="btn-primary destructive" type="button" id="primary-action-three" disabled>Action</button><br><br><br>
<br><br><br><br>
</div>

<div class="three columns">
<span class="label">Tertiary</span>
<button type="button" class="btn-tertiary destructive" id="tertiary-filter-one">
Expand All @@ -129,7 +129,7 @@ <h2 class="fieldset-title">Destructive</h2>
<span>Action</span>
</button>
<br><br>

<button type="button" class="btn-tertiary destructive" id="tertiary-filter-two" disabled>
<svg role="presentation" aria-hidden="true" focusable="false" class="icon">
<use href="#icon-open-folder"></use>
Expand Down
4 changes: 2 additions & 2 deletions app/views/components/button/example-menubutton.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@

<div class="row is-personalizable">
<div class="row">
<div class="twelve columns">

<div class="field">
Expand All @@ -20,7 +20,7 @@ <h2>Button Menu</h2>
<li><a href="#">Protect Sheet Rules</a></li>
</ul>
</div>

<div class="field">
<h2>Button Menu + Secondary</h2>
</div>
Expand Down
2 changes: 1 addition & 1 deletion app/views/components/button/test-badge-toggle.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="row is-personalizable">
<div class="row">
<div class="twelve columns">
<span class="label">Button with Notification Badge</span>
<button class="btn-icon" type="button" id="primary-action-one">
Expand Down
8 changes: 4 additions & 4 deletions app/views/components/button/test-button-change-style.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="row is-personalizable">
<div class="row">
<div class="four columns">
<button class="btn-primary" type="button" id="btn-primary-target">
<span>Primary Button</span>
Expand All @@ -14,9 +14,9 @@
$('body').on('initialized', () => {
$('#btn-style-changer').on('click', () => {
const btn = $('#btn-primary-target');
btn.hasClass('btn-primary') ?
btn.addClass('btn-secondary').removeClass('btn-primary') :
btn.hasClass('btn-primary') ?
btn.addClass('btn-secondary').removeClass('btn-primary') :
btn.addClass('btn-primary').removeClass('btn-secondary');
})
});
</script>
</script>
2 changes: 1 addition & 1 deletion test/components/button/button-api-func-test.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ Object.defineProperty(window, 'getComputedStyle', {
})
});

const buttonHTML = `<div class="row is-personalizable">
const buttonHTML = `<div class="row">
<div class="twelve columns">
<div class="row">
<div class="four column">
Expand Down

0 comments on commit 5a024df

Please sign in to comment.