Skip to content

Commit

Permalink
Merge pull request #84 from visionappscz/bugfix/documentation-respons…
Browse files Browse the repository at this point in the history 
…ivity

Fix responsivity on mobile in documentation
  • Loading branch information
@adamkudrna
adamkudrna authored Aug 8, 2016
2 parents 41400b6 + 2183b8f commit ded0b2c
Show file tree
Hide file tree
Showing 7 changed files with 340 additions and 322 deletions.
66 changes: 34 additions & 32 deletions src/less/components/common/item-actions.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,38 +22,40 @@ Markup:
</a>
</p>
<p><strong>Used in table:</strong></p>
<table class="table">
<thead>
<tr>
<th>Article</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Hotforwords Can Explain Lorem Ipsum far better than I can</td>
<td class="table-cell-actions">
<a href="#" class="item-action" title="Edit">
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
</a>
<a href="#" class="item-action item-action-danger" title="Delete">
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
</a>
</td>
</tr>
<tr>
<td>Which to isn't lesser together years land heaven brought</td>
<td class="table-cell-actions">
<a href="#" class="item-action" title="Edit">
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
</a>
<a href="#" class="item-action item-action-danger" title="Delete">
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
</a>
</td>
</tr>
</tbody>
</table>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Article</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Hotforwords Can Explain Lorem Ipsum far better than I can</td>
<td class="table-cell-actions">
<a href="#" class="item-action" title="Edit">
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
</a>
<a href="#" class="item-action item-action-danger" title="Delete">
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
</a>
</td>
</tr>
<tr>
<td>Which to isn't lesser together years land heaven brought</td>
<td class="table-cell-actions">
<a href="#" class="item-action" title="Edit">
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
</a>
<a href="#" class="item-action item-action-danger" title="Delete">
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
</a>
</td>
</tr>
</tbody>
</table>
</div>
Styleguide 5.6
*/
Expand Down
7 changes: 3 additions & 4 deletions src/less/components/javascript/ckeditor-loader.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,10 +22,9 @@ If the `lang` attribute is set on the `<html>` element the CKEditor is localized
If a `<textarea>` HTML element has the attribute `data-onload-ckeditor` defined, it will be initialized as a CKEditor
upon page load. The editor can be configured by the value passed to the attribute. If no value is passed, then CKEditor
is initiated with default configuration. If the value is a valid JSON, then it will be parsed and used as a
configuration object (see http://docs.ckeditor.com/#!/api/CKEDITOR.config for supported options). If the value is not a
valid JSON, then it will be used as a path to an editor config file to be used
(see http://docs.ckeditor.com/#!/guide/dev_configuration-section-using-a-custom-configuration-file for custom config
file documentation).
configuration object (see supported options in <a href="http://docs.ckeditor.com/#!/api/CKEDITOR.config" target="_blank">docs</a>).
If the value is not a valid JSON, then it will be used as a path to an editor config file to be used (see custom config file
<a href="http://docs.ckeditor.com/#!/guide/dev_configuration-section-using-a-custom-configuration-file" target="_blank">documentation</a>).
Markup:
<textarea data-onload-ckeditor='{"language": "en"}'>Hi, I’m a textarea and I’m wearing a fancy CKEditor dress.</textarea>
Expand Down
109 changes: 56 additions & 53 deletions src/less/components/javascript/confirmation.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,37 +44,38 @@ To override default options, you can use the same options as the JavaScript API
#### JavaScript
##### Options
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Default</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>confirm-message</td>
<td>string</td>
<td>Are you sure?</td>
<td>Optional. The message to be displayed to the user in the confirmation dialog.</td>
</tr>
<tr>
<td>confirm-yes</td>
<td>string</td>
<td>Yes</td>
<td>Optional. The text to be shown in the button that confirms the action.</td>
</tr>
<tr>
<td>confirm-no</td>
<td>string</td>
<td>No</td>
<td>Optional. The text to be shown in the button that confirms the action.</td>
</tr>
</tbody>
</table>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Default</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>confirm-message</td>
<td>string</td>
<td>Are you sure?</td>
<td>Optional. The message to be displayed to the user in the confirmation dialog.</td>
</tr>
<tr>
<td>confirm-yes</td>
<td>string</td>
<td>Yes</td>
<td>Optional. The text to be shown in the button that confirms the action.</td>
</tr>
<tr>
<td>confirm-no</td>
<td>string</td>
<td>No</td>
<td>Optional. The text to be shown in the button that confirms the action.</td>
</tr>
</tbody>
</table>
</div>
##### Methods
Expand All @@ -84,28 +85,30 @@ Triggers a confirmation dialog on the given element.
##### Events
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>Event Type</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>show.bui.confirmation</td>
<td>Fired as soon as the confirmation dialog is displayed.</td>
</tr>
<tr>
<td>confirmed.bui.confirmation</td>
<td>Fired when user confirms the dialog.</td>
</tr>
<tr>
<td>rejected.bui.confirmation</td>
<td>Fired when user rejects the dialog.</td>
</tr>
<tbody>
</table>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>Event Type</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>show.bui.confirmation</td>
<td>Fired as soon as the confirmation dialog is displayed.</td>
</tr>
<tr>
<td>confirmed.bui.confirmation</td>
<td>Fired when user confirms the dialog.</td>
</tr>
<tr>
<td>rejected.bui.confirmation</td>
<td>Fired when user rejects the dialog.</td>
</tr>
<tbody>
</table>
</div>
Markup:
<form onsubmit="alert('Confirmation confirmed');" method="get">
Expand Down
38 changes: 20 additions & 18 deletions src/less/components/javascript/disable.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,24 +32,26 @@ Toggles between enabled and disabled states.
##### Events
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>Event Type</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>toggle.bui.disable</td>
<td>Fired as soon as the disable function is called.</td>
</tr>
<tr>
<td>toggled.bui.disable</td>
<td>Fired when the disable function is finished.</td>
</tr>
<tbody>
</table>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>Event Type</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>toggle.bui.disable</td>
<td>Fired as soon as the disable function is called.</td>
</tr>
<tr>
<td>toggled.bui.disable</td>
<td>Fired when the disable function is finished.</td>
</tr>
<tbody>
</table>
</div>
Markup:
<form>
Expand Down
Loading

0 comments on commit ded0b2c

Please sign in to comment.