diff options
| -rw-r--r-- | exampleSite/content/post/even-preview.md | 16 | ||||
| -rw-r--r-- | src/css/_partial/_post/_content.scss | 32 | ||||
| -rw-r--r-- | src/js/even.js | 11 | ||||
| -rw-r--r-- | src/js/main.js | 1 |
4 files changed, 46 insertions, 14 deletions
diff --git a/exampleSite/content/post/even-preview.md b/exampleSite/content/post/even-preview.md index ba4494a..62d4785 100644 --- a/exampleSite/content/post/even-preview.md +++ b/exampleSite/content/post/even-preview.md @@ -480,6 +480,22 @@ function doIt() { | ~~Orange~~ | Oranges | **Carrot** | | Green | ~~***Pears***~~ | Spinach | +Class or Enum | Year | Month | Day | Hours | Minutes | Seconds* | Zone Offset | Zone ID | toString Output | Where Discussed +----------------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- |:-------------------------------------------------------------------------------------:|:-------------------------------------------------------------------------------------:|:-------------------------------------------------------------------------------------:| ------------------------------------------------------------------------------------- |:-------------------------------------------------------------------------------------:|:-------------------------------------------------------------------------------------:| -------------------------------------------------- | --------------------------------------------------------------------------------------------------- +`Instant` | | | | | | <center></center> | | | `2013-08-20T15:16:26.355Z` | [Instant Class](https://docs.oracle.com/javase/tutorial/datetime/iso/instant.html) +`LocalDate` | <center></center> | <center></center> | <center></center> | | | | | | `2013-08-20` | [Date Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/date.html) +`LocalDateTime` | <center></center> | <center></center> | <center></center> | <center></center> | <center></center> | <center></center> | | | `2013-08-20T08:16:26.937` | [Date and Time Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/datetime.html) +`ZonedDateTime` | <center></center> | <center></center> | <center></center> | <center></center> | <center></center> | <center></center> | <center></center> | <center></center> | `2013-08-21T00:16:26.941+09:00[Asia/Tokyo]` | [Time Zone and Offset Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/timezones.html) +`LocalTime` | | | | <center></center> | <center></center> | <center></center> | | | `08:16:26.943` | [Date and Time Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/datetime.html) +`MonthDay` | | <center></center> | <center></center> | | | | | | `--08-20` | [Date Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/date.html) +`Year` | <center></center> | | | | | | | | `2013` | [Date Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/date.html) +`YearMonth` | <center></center> | <center></center> | | | | | | | `2013-08` | [Date Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/date.html) +`Month` | | <center></center> | | | | | | | `AUGUST` | [DayOfWeek and Month Enums](https://docs.oracle.com/javase/tutorial/datetime/iso/enum.html) +`OffsetDateTime` | <center></center> | <center></center> | <center></center> | <center></center> | <center></center> | <center></center> | <center></center> | | `2013-08-20T08:16:26.954-07:00` | [Time Zone and Offset Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/timezones.html) +`OffsetTime` | | | | <center></center> | <center></center> | <center></center> | <center></center> | | `08:16:26.957-07:00` | [Time Zone and Offset Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/timezones.html) +`Duration` | | | \** | \** | \** | <center></center> | | | `PT20H` (20 hours) | [Period and Duration](https://docs.oracle.com/javase/tutorial/datetime/iso/period.html) +`Period` | <center></center> | <center></center> | <center></center> | | | | \*** | \*** | `P10D` (10 days) | [Period and Duration](https://docs.oracle.com/javase/tutorial/datetime/iso/period.html) + ## Smart Strong ``` diff --git a/src/css/_partial/_post/_content.scss b/src/css/_partial/_post/_content.scss index 0e50aed..5628664 100644 --- a/src/css/_partial/_post/_content.scss +++ b/src/css/_partial/_post/_content.scss @@ -44,23 +44,27 @@ max-width: 100%; } - > table { - max-width: 100%; - margin: 10px 0; - border-spacing: 0; - box-shadow: 2px 2px 3px rgba(0,0,0,.125); + .table-wrapper { + overflow-x: auto; - thead { - background: $deputy-color; - } + > table { + max-width: 100%; + margin: 10px 0; + border-spacing: 0; + box-shadow: 2px 2px 3px rgba(0,0,0,.125); - th, td { - padding: 5px 15px; - border: 1px double $content-table-border-color; - } + thead { + background: $deputy-color; + } + + th, td { + padding: 5px 15px; + border: 1px double $content-table-border-color; + } - tr:hover { - background-color: $deputy-color; + tr:hover { + background-color: $deputy-color; + } } } diff --git a/src/js/even.js b/src/js/even.js index e8f8b33..c82eb41 100644 --- a/src/js/even.js +++ b/src/js/even.js @@ -266,4 +266,15 @@ Even.sequence = function() { } }; +Even.responsiveTable = function() { + const tables = document.querySelectorAll('.post-content > table'); + for (let i = 0; i < tables.length; i++) { + const table = tables[i]; + const wrapper = document.createElement('div'); + wrapper.className = 'table-wrapper'; + table.parentElement.replaceChild(wrapper, table); + wrapper.appendChild(table); + } +}; + export {Even} diff --git a/src/js/main.js b/src/js/main.js index 1dd8566..4554e68 100644 --- a/src/js/main.js +++ b/src/js/main.js @@ -9,6 +9,7 @@ $(document).ready(function () { Even.fancybox(); }); +Even.responsiveTable(); Even.flowchart(); Even.sequence(); |