Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[GCMSLG-167] Add context to attach function for responsive tables. #60

Open
wants to merge 5 commits into
base: 8.x-1.x
Choose a base branch
from
Open

[GCMSLG-167] Add context to attach function for responsive tables. #60

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
1eb6691
Fix link to overview to avoid 404 in Drupal
enzolutions Dec 7, 2018
d93dedd
Update index.html
enzolutions Jan 2, 2019
096588c
Merge pull request #47 from weknowinc/Styleguide-Link-404
fubarhouse Jan 2, 2019
ea27341
Merge pull request #41 from govCMS/feature/GCMSLG-102-change-lists-ma…
pandaskii Jan 31, 2019
88c55a3
[GCMSLG-167] Add context to attach function for responsive tables.
alan-cole Feb 8, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion GovCMS-kss-template/index.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
<nav class="kss-nav">
<ul class="kss-nav__menu">
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link" href="./">
<a class="kss-nav__menu-link" href="./index.html">
<span class="kss-nav__ref">0</span
><span class="kss-nav__name">Overview</span>
</a>
Expand Down
5 changes: 1 addition & 4 deletions assets/js/responsive_table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,7 @@

Drupal.behaviors.govcms8_uikit_starter_tableResponsive = {
attach: function (context, settings) {

var table = $("table");
$(table).wrap("<div class='table-responsive'></div>");

$('table', context).wrap('<div class="table-responsive"></div>');
}
};

Expand Down
2 changes: 1 addition & 1 deletion js/govcms8_uikit_starter.js
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

8 changes: 4 additions & 4 deletions styleguide/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ <h1 class="kss-doc-title">GovCMS 8 UI-Kit Starter Style Guide</h1>
<nav class="kss-nav">
<ul class="kss-nav__menu">
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link" href="./">
<a class="kss-nav__menu-link" href="./index.html">
<span class="kss-nav__ref">0</span
><span class="kss-nav__name">Overview</span>
</a>
Expand All @@ -43,10 +43,10 @@ <h1 class="kss-doc-title">GovCMS 8 UI-Kit Starter Style Guide</h1>
<div id="kssref-0" class="kss-section kss-section--depth-0 kss-overview kss-style">
<h1>GovCMS 8 UI-Kit Starter Styleguide</h1>

<p>This styleguide is showing only the UI-Kit components with a reasonable
template. It is not providing a comprehensive list of every style
<p>This styleguide is showing only the UI-Kit components with a reasonable
template. It is not providing a comprehensive list of every style
available in UI-Kit or the theme. Feel free to add other components as needed.</p>
<p>For live examples of other styling, install the defaul content and visit
<p>For live examples of other styling, install the default content and visit
the <strong>/test</strong> page.</p>


Expand Down
96 changes: 48 additions & 48 deletions styleguide/item-ui-kit-accordion.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ <h1 class="kss-doc-title">GovCMS 8 UI-Kit Starter Style Guide</h1>
<nav class="kss-nav">
<ul class="kss-nav__menu">
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link" href="./">
<a class="kss-nav__menu-link" href="./index.html">
<span class="kss-nav__ref">0</span
><span class="kss-nav__name">Overview</span>
</a>
Expand All @@ -40,8 +40,8 @@ <h1 class="kss-doc-title">GovCMS 8 UI-Kit Starter Style Guide</h1>
</nav>
</div>
<article role="main" class="kss-main au-body">


<div id="kssref-ui-kit-accordion" class="kss-section kss-section--depth-2 is-fullscreen">
<div class="kss-style">
<h2 class="kss-title kss-title--level-2">
Expand Down Expand Up @@ -86,23 +86,23 @@ <h2 class="kss-title kss-title--level-2">
</svg>
</a>
</p>

<div class="kss-description">
<p>Accordion component.</p>

</div>

</div>



<div class="au-grid">

<div class="au-body col-sm-6">
<div class="kss-modifier__heading kss-style">
Default example </div>
<div class="kss-modifier__wrapper">

<div class="kss-modifier__example">
<h3>Single accordion open fast by default</h3>

Expand All @@ -116,7 +116,7 @@ <h3>Single accordion open fast by default</h3>
<div class="au-accordion__body-wrapper">Item content 1</div>
</div>


</section>


Expand All @@ -127,37 +127,37 @@ <h3>Accordion group</h3>
<button class="au-btn au-btn--secondary accordion-group__control" onclick="return AU.accordion.Toggle( document.querySelectorAll('.accordion-group .au-accordion__title') )">Toggle All</button>

<div class="accordion-group">


<section class="au-accordion">


<a href="#accordion-2" class="au-accordion__title au-accordion--closed"
aria-expanded="false" aria-selected="false" aria-controls="accordion-2" role="tab" onclick="return AU.accordion.Toggle( this )">Item title 2</a>

<div class="au-accordion__body au-accordion--closed" aria-hidden="true" id="accordion-2">
<div class="au-accordion__body-wrapper">Item content 2</div>
</div>


</section>



<section class="au-accordion">


<a href="#accordion-3" class="au-accordion__title au-accordion--closed"
aria-expanded="false" aria-selected="false" aria-controls="accordion-3" role="tab" onclick="return AU.accordion.Toggle( this )">Item title 3</a>

<div class="au-accordion__body au-accordion--closed" aria-hidden="true" id="accordion-3">
<div class="au-accordion__body-wrapper">Item content 3</div>
</div>


</section>



<section class="au-accordion">

Expand All @@ -168,7 +168,7 @@ <h3>Accordion group</h3>
<div class="au-accordion__body-wrapper">Item content 4</div>
</div>


</section>

</div>
Expand All @@ -183,7 +183,7 @@ <h3>Accordion group</h3>
<div class="kss-modifier__heading kss-style">
Alt example </div>
<div class="kss-modifier__wrapper">

<div class="kss-modifier__example">
<h3>Single accordion open fast by default</h3>

Expand All @@ -197,7 +197,7 @@ <h3>Single accordion open fast by default</h3>
<div class="au-accordion__body-wrapper">Item content 1</div>
</div>


</section>


Expand All @@ -208,37 +208,37 @@ <h3>Accordion group</h3>
<button class="au-btn au-btn--secondary accordion-group__control" onclick="return AU.accordion.Toggle( document.querySelectorAll('.accordion-group .au-accordion__title') )">Toggle All</button>

<div class="accordion-group">


<section class="au-accordion">


<a href="#accordion-2" class="au-accordion__title au-accordion--closed"
aria-expanded="false" aria-selected="false" aria-controls="accordion-2" role="tab" onclick="return AU.accordion.Toggle( this )">Item title 2</a>

<div class="au-accordion__body au-accordion--closed" aria-hidden="true" id="accordion-2">
<div class="au-accordion__body-wrapper">Item content 2</div>
</div>


</section>



<section class="au-accordion">


<a href="#accordion-3" class="au-accordion__title au-accordion--closed"
aria-expanded="false" aria-selected="false" aria-controls="accordion-3" role="tab" onclick="return AU.accordion.Toggle( this )">Item title 3</a>

<div class="au-accordion__body au-accordion--closed" aria-hidden="true" id="accordion-3">
<div class="au-accordion__body-wrapper">Item content 3</div>
</div>


</section>



<section class="au-accordion">

Expand All @@ -249,7 +249,7 @@ <h3>Accordion group</h3>
<div class="au-accordion__body-wrapper">Item content 4</div>
</div>


</section>

</div>
Expand All @@ -264,7 +264,7 @@ <h3>Accordion group</h3>
<div class="kss-modifier__heading kss-style">
Dark example </div>
<div class="kss-modifier__wrapper">

<div class="kss-modifier__example">
<h3>Single accordion open fast by default</h3>

Expand All @@ -278,7 +278,7 @@ <h3>Single accordion open fast by default</h3>
<div class="au-accordion__body-wrapper">Item content 1</div>
</div>


</section>


Expand All @@ -289,37 +289,37 @@ <h3>Accordion group</h3>
<button class="au-btn au-btn--secondary accordion-group__control" onclick="return AU.accordion.Toggle( document.querySelectorAll('.accordion-group .au-accordion__title') )">Toggle All</button>

<div class="accordion-group">


<section class="au-accordion">


<a href="#accordion-2" class="au-accordion__title au-accordion--closed"
aria-expanded="false" aria-selected="false" aria-controls="accordion-2" role="tab" onclick="return AU.accordion.Toggle( this )">Item title 2</a>

<div class="au-accordion__body au-accordion--closed" aria-hidden="true" id="accordion-2">
<div class="au-accordion__body-wrapper">Item content 2</div>
</div>


</section>



<section class="au-accordion">


<a href="#accordion-3" class="au-accordion__title au-accordion--closed"
aria-expanded="false" aria-selected="false" aria-controls="accordion-3" role="tab" onclick="return AU.accordion.Toggle( this )">Item title 3</a>

<div class="au-accordion__body au-accordion--closed" aria-hidden="true" id="accordion-3">
<div class="au-accordion__body-wrapper">Item content 3</div>
</div>


</section>



<section class="au-accordion">

Expand All @@ -330,7 +330,7 @@ <h3>Accordion group</h3>
<div class="au-accordion__body-wrapper">Item content 4</div>
</div>


</section>

</div>
Expand All @@ -345,7 +345,7 @@ <h3>Accordion group</h3>
<div class="kss-modifier__heading kss-style">
Dark alt example </div>
<div class="kss-modifier__wrapper">

<div class="kss-modifier__example">
<h3>Single accordion open fast by default</h3>

Expand All @@ -359,7 +359,7 @@ <h3>Single accordion open fast by default</h3>
<div class="au-accordion__body-wrapper">Item content 1</div>
</div>


</section>


Expand All @@ -370,37 +370,37 @@ <h3>Accordion group</h3>
<button class="au-btn au-btn--secondary accordion-group__control" onclick="return AU.accordion.Toggle( document.querySelectorAll('.accordion-group .au-accordion__title') )">Toggle All</button>

<div class="accordion-group">


<section class="au-accordion">


<a href="#accordion-2" class="au-accordion__title au-accordion--closed"
aria-expanded="false" aria-selected="false" aria-controls="accordion-2" role="tab" onclick="return AU.accordion.Toggle( this )">Item title 2</a>

<div class="au-accordion__body au-accordion--closed" aria-hidden="true" id="accordion-2">
<div class="au-accordion__body-wrapper">Item content 2</div>
</div>


</section>



<section class="au-accordion">


<a href="#accordion-3" class="au-accordion__title au-accordion--closed"
aria-expanded="false" aria-selected="false" aria-controls="accordion-3" role="tab" onclick="return AU.accordion.Toggle( this )">Item title 3</a>

<div class="au-accordion__body au-accordion--closed" aria-hidden="true" id="accordion-3">
<div class="au-accordion__body-wrapper">Item content 3</div>
</div>


</section>



<section class="au-accordion">

Expand All @@ -411,7 +411,7 @@ <h3>Accordion group</h3>
<div class="au-accordion__body-wrapper">Item content 4</div>
</div>


</section>

</div>
Expand Down Expand Up @@ -476,11 +476,11 @@ <h3>Accordion group</h3>
&lt;/div&gt;
</code></pre>
</details>

<div class="kss-source kss-style">
Source: <code>uikit/accordion/_accordion.scss</code>, line 1
</div>




Expand Down
Loading