superdesk-ui-framework 4.0.52 → 4.0.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/examples.bundle.js +1 -1
- package/package.json +1 -1
- package/dist/playgrounds/accessible-theme-test.html +0 -813
- package/dist/playgrounds/boxed-list.html +0 -164
- package/dist/playgrounds/cards.html +0 -244
- package/dist/playgrounds/circular-progress.html +0 -48
- package/dist/playgrounds/dummy-data/items.ts +0 -95
- package/dist/playgrounds/editor-3-test.html +0 -15
- package/dist/playgrounds/form-layout.html +0 -285
- package/dist/playgrounds/layout-grid.html +0 -79
- package/dist/playgrounds/layout-snippets/edit-article.html +0 -415
- package/dist/playgrounds/layout-test-2.html +0 -795
- package/dist/playgrounds/list-item-test.html +0 -896
- package/dist/playgrounds/main.html +0 -16
- package/dist/playgrounds/master-desk.html +0 -1678
- package/dist/playgrounds/media-carousel.html +0 -1166
- package/dist/playgrounds/nav-buttons.html +0 -65
- package/dist/playgrounds/photo-desk.html +0 -1515
- package/dist/playgrounds/photo-snippets/edit-photo-metadata.html +0 -208
- package/dist/playgrounds/planning-snippets/edit-event.html +0 -187
- package/dist/playgrounds/planning-snippets/edit-planning.html +0 -457
- package/dist/playgrounds/planning.html +0 -1112
- package/dist/playgrounds/publish-snippets/edit-article.html +0 -37
- package/dist/playgrounds/publish.html +0 -1007
- package/dist/playgrounds/publisher-content-analytics.html +0 -376
- package/dist/playgrounds/publisher-content-list-automatic.html +0 -296
- package/dist/playgrounds/publisher-content-list-manual.html +0 -611
- package/dist/playgrounds/publisher-content-lists.html +0 -255
- package/dist/playgrounds/publisher-dashboard.html +0 -323
- package/dist/playgrounds/publisher-output-control.html +0 -3659
- package/dist/playgrounds/publisher-website-settings-general.html +0 -188
- package/dist/playgrounds/publisher-website-settings.html +0 -265
- package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +0 -952
- package/dist/playgrounds/react-playgrounds/EditorTest.tsx +0 -649
- package/dist/playgrounds/react-playgrounds/FirstPlayground.tsx +0 -236
- package/dist/playgrounds/react-playgrounds/Index.tsx +0 -11
- package/dist/playgrounds/react-playgrounds/Multiedit.tsx +0 -401
- package/dist/playgrounds/react-playgrounds/PageLayoutTest.tsx +0 -210
- package/dist/playgrounds/react-playgrounds/PersonalProfile.tsx +0 -835
- package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +0 -580
- package/dist/playgrounds/react-playgrounds/Rundowns.tsx +0 -1415
- package/dist/playgrounds/react-playgrounds/SamsPlayground.tsx +0 -401
- package/dist/playgrounds/react-playgrounds/TestGround.tsx +0 -2710
- package/dist/playgrounds/react-playgrounds/UiPlayground.tsx +0 -410
- package/dist/playgrounds/react-playgrounds/components/AuthoringContainer.tsx +0 -25
- package/dist/playgrounds/react-playgrounds/components/AuthoringContent.tsx +0 -86
- package/dist/playgrounds/react-playgrounds/components/ContentSplitter.tsx +0 -19
- package/dist/playgrounds/react-playgrounds/components/GraphicButton.tsx +0 -34
- package/dist/playgrounds/react-playgrounds/components/GraphicButtonsGroup.tsx +0 -11
- package/dist/playgrounds/react-playgrounds/components/HeaderPanel.tsx +0 -11
- package/dist/playgrounds/react-playgrounds/components/Index.tsx +0 -20
- package/dist/playgrounds/react-playgrounds/components/Layout.tsx +0 -27
- package/dist/playgrounds/react-playgrounds/components/LayoutContainer.tsx +0 -15
- package/dist/playgrounds/react-playgrounds/components/LeftPanel.tsx +0 -15
- package/dist/playgrounds/react-playgrounds/components/MainPanel.tsx +0 -24
- package/dist/playgrounds/react-playgrounds/components/OverlayPanel.tsx +0 -17
- package/dist/playgrounds/react-playgrounds/components/Panel.tsx +0 -23
- package/dist/playgrounds/react-playgrounds/components/PanelContent.tsx +0 -11
- package/dist/playgrounds/react-playgrounds/components/PanelContentBlock.tsx +0 -19
- package/dist/playgrounds/react-playgrounds/components/PanelFooter.tsx +0 -17
- package/dist/playgrounds/react-playgrounds/components/PanelHeader.tsx +0 -31
- package/dist/playgrounds/react-playgrounds/components/RightPanel.tsx +0 -16
- package/dist/playgrounds/react-playgrounds/components/SearchBar.tsx +0 -87
- package/dist/playgrounds/react-playgrounds/components/SidebarMenu.tsx +0 -76
- package/dist/playgrounds/react-playgrounds/components/SubNav.tsx +0 -17
- package/dist/playgrounds/react-playgrounds/components/ThemeDropdown.tsx +0 -57
- package/dist/playgrounds/react-playgrounds/tsconfig.json +0 -4
- package/dist/playgrounds/settings.html +0 -92
- package/dist/playgrounds/side-navigation.html +0 -201
- package/dist/playgrounds/swimlane-view.html +0 -1975
- package/dist/playgrounds/tags-input.html +0 -55
- package/dist/playgrounds/toasts.html +0 -113
- package/dist/playgrounds/video-editor.html +0 -706
- package/examples/css/docs-page.css +0 -1135
- package/examples/css/reset.css +0 -124
- package/examples/css/vendor.css +0 -175
- package/examples/illustration-small--components.svg +0 -45
- package/examples/img/andrew-power-y9L5-wmifaY-unsplash.jpg +0 -0
- package/examples/img/andrew-power-y9L5-wmifaY-unsplash.license.txt +0 -6
- package/examples/img/avatar-2.jpg +0 -0
- package/examples/img/avatar-3.jpg +0 -0
- package/examples/img/avatar-4.jpg +0 -0
- package/examples/img/avatar-5.jpg +0 -0
- package/examples/img/avatar-6.jpg +0 -0
- package/examples/img/avatar.jpg +0 -0
- package/examples/img/bill.jpg +0 -0
- package/examples/img/bush_1.jpg +0 -0
- package/examples/img/bush_2.jpg +0 -0
- package/examples/img/carousel-thumb--01.jpg +0 -0
- package/examples/img/carousel-thumb--02.jpg +0 -0
- package/examples/img/carousel-thumb--03.jpg +0 -0
- package/examples/img/carousel-thumb--04.jpg +0 -0
- package/examples/img/components_ilustration.svg +0 -1
- package/examples/img/d_trump.jpg +0 -0
- package/examples/img/d_trump_2.jpg +0 -0
- package/examples/img/d_trump_large.jpg +0 -0
- package/examples/img/design_ilustration.svg +0 -1
- package/examples/img/ferocious_beast.webm +0 -0
- package/examples/img/guidelines/application-frame.png +0 -0
- package/examples/img/guidelines/application-frame__bottom-bar.png +0 -0
- package/examples/img/guidelines/application-frame__left-panel.gif +0 -0
- package/examples/img/guidelines/application-frame__left-panel.png +0 -0
- package/examples/img/guidelines/application-frame__main-content.gif +0 -0
- package/examples/img/guidelines/application-frame__main-content.png +0 -0
- package/examples/img/guidelines/application-frame__right-panel.gif +0 -0
- package/examples/img/guidelines/application-frame__right-panel.png +0 -0
- package/examples/img/guidelines/application-frame__side-tabs.png +0 -0
- package/examples/img/guidelines/application-frame__sub-nav.png +0 -0
- package/examples/img/guidelines/application-frame__top-bar.png +0 -0
- package/examples/img/guidelines/buttons--00-01.png +0 -0
- package/examples/img/guidelines/buttons--00-02.png +0 -0
- package/examples/img/guidelines/buttons--DO-02.png +0 -0
- package/examples/img/guidelines/buttons--DONT-01.png +0 -0
- package/examples/img/guidelines/checkbox--DO-01.png +0 -0
- package/examples/img/guidelines/checkbox--DO-02.png +0 -0
- package/examples/img/guidelines/checkbox--DONT-01.png +0 -0
- package/examples/img/guidelines/checkbox--DONT-02.png +0 -0
- package/examples/img/guidelines/example__bottom-bar--01.png +0 -0
- package/examples/img/guidelines/example__left-side_panel--01.png +0 -0
- package/examples/img/guidelines/example__left_side-bar--01.png +0 -0
- package/examples/img/guidelines/example__main-content--01.png +0 -0
- package/examples/img/guidelines/example__right_side-panel--01.png +0 -0
- package/examples/img/guidelines/example__right_side-panel--02.png +0 -0
- package/examples/img/guidelines/example__right_side-panel--03.png +0 -0
- package/examples/img/guidelines/example__sub-nav--01.png +0 -0
- package/examples/img/guidelines/example__sub-nav--02.png +0 -0
- package/examples/img/guidelines/example__sub-nav--03.png +0 -0
- package/examples/img/guidelines/example__top-bar--01.png +0 -0
- package/examples/img/guidelines/layout--grid-01.png +0 -0
- package/examples/img/guidelines/layout--size-example-01.png +0 -0
- package/examples/img/guidelines/radio--DO-01.png +0 -0
- package/examples/img/guidelines/radio--DONT-01.png +0 -0
- package/examples/img/guidelines/radio--DONT-02.png +0 -0
- package/examples/img/guidelines/radio--DONT-03.png +0 -0
- package/examples/img/guidelines/switch--DO-01.png +0 -0
- package/examples/img/guidelines/switch--DO-02.png +0 -0
- package/examples/img/guidelines/switch--DONT-01.png +0 -0
- package/examples/img/guidelines/switch--DONT-02.png +0 -0
- package/examples/img/hillary.jpg +0 -0
- package/examples/img/illustration--components.svg +0 -1
- package/examples/img/illustration--design.svg +0 -1
- package/examples/img/illustration--playground.svg +0 -1
- package/examples/img/illustration--react.svg +0 -1
- package/examples/img/illustration-small--components.svg +0 -45
- package/examples/img/illustration-small--design.svg +0 -99
- package/examples/img/illustration-small--playground.svg +0 -49
- package/examples/img/illustration-small--react.svg +0 -53
- package/examples/img/illustration_user-privileges.png +0 -0
- package/examples/img/illustration_users.png +0 -0
- package/examples/img/image_01.jpg +0 -0
- package/examples/img/image_02.jpg +0 -0
- package/examples/img/masthead-image.png +0 -0
- package/examples/img/obama_1.jpg +0 -0
- package/examples/img/obama_2.jpg +0 -0
- package/examples/img/overlay-img.jpg +0 -0
- package/examples/img/react-logo--vector.svg +0 -49
- package/examples/img/sd-ui-framework__logo-01.svg +0 -33
- package/examples/img/sd-ui-framework__logo.svg +0 -20
- package/examples/img/th01.jpg +0 -0
- package/examples/img/th02.jpg +0 -0
- package/examples/img/th03.jpg +0 -0
- package/examples/index.html +0 -11
- package/examples/index.js +0 -468
- package/examples/js/doc.js +0 -230
- package/examples/js/react.js +0 -263
- package/examples/pages/components/Alerts.tsx +0 -291
- package/examples/pages/components/Autocomplete.tsx +0 -434
- package/examples/pages/components/Avatar.tsx +0 -659
- package/examples/pages/components/Badges.tsx +0 -221
- package/examples/pages/components/BigIconFont.tsx +0 -48
- package/examples/pages/components/BoxedList.tsx +0 -517
- package/examples/pages/components/ButtonGroups.tsx +0 -366
- package/examples/pages/components/Buttons.tsx +0 -565
- package/examples/pages/components/Card.tsx +0 -23
- package/examples/pages/components/Carousel.tsx +0 -235
- package/examples/pages/components/Checkboxs.tsx +0 -817
- package/examples/pages/components/Container.tsx +0 -190
- package/examples/pages/components/ContentDivider.tsx +0 -229
- package/examples/pages/components/ContentList.tsx +0 -786
- package/examples/pages/components/CreateButton.tsx +0 -121
- package/examples/pages/components/DatePicker.tsx +0 -245
- package/examples/pages/components/DateTimePicker.tsx +0 -141
- package/examples/pages/components/DragHandleDocs.tsx +0 -122
- package/examples/pages/components/DropZone.tsx +0 -149
- package/examples/pages/components/Dropdowns.tsx +0 -587
- package/examples/pages/components/DurationInput.tsx +0 -157
- package/examples/pages/components/EmptyStates.tsx +0 -171
- package/examples/pages/components/GridItem.tsx +0 -507
- package/examples/pages/components/GridList.tsx +0 -126
- package/examples/pages/components/Heading.tsx +0 -152
- package/examples/pages/components/IconButtons.tsx +0 -191
- package/examples/pages/components/IconFont.tsx +0 -49
- package/examples/pages/components/IconLabels.tsx +0 -199
- package/examples/pages/components/IconPicker.tsx +0 -82
- package/examples/pages/components/IllustrationButton.tsx +0 -109
- package/examples/pages/components/Index.tsx +0 -563
- package/examples/pages/components/Inputs.tsx +0 -313
- package/examples/pages/components/Labels.tsx +0 -354
- package/examples/pages/components/LeftNavigations.tsx +0 -459
- package/examples/pages/components/ListItems.tsx +0 -33
- package/examples/pages/components/Loader.tsx +0 -25
- package/examples/pages/components/Menu.tsx +0 -181
- package/examples/pages/components/Modal.tsx +0 -557
- package/examples/pages/components/MultiSelect.tsx +0 -343
- package/examples/pages/components/NavButtons.tsx +0 -159
- package/examples/pages/components/Panel.tsx +0 -631
- package/examples/pages/components/Popover.tsx +0 -90
- package/examples/pages/components/QuickNavigationBar.tsx +0 -278
- package/examples/pages/components/RadioGroup.tsx +0 -612
- package/examples/pages/components/ResizablePanels.tsx +0 -43
- package/examples/pages/components/SelectGrid.tsx +0 -162
- package/examples/pages/components/SelectWithTemplate.tsx +0 -144
- package/examples/pages/components/Selects.tsx +0 -175
- package/examples/pages/components/SimpleList.tsx +0 -198
- package/examples/pages/components/SubNav.tsx +0 -160
- package/examples/pages/components/Switch.tsx +0 -298
- package/examples/pages/components/TableList.tsx +0 -315
- package/examples/pages/components/Tabs.tsx +0 -276
- package/examples/pages/components/TagInputDocs.tsx +0 -130
- package/examples/pages/components/Tags.tsx +0 -154
- package/examples/pages/components/Text.tsx +0 -184
- package/examples/pages/components/TimePicker.tsx +0 -179
- package/examples/pages/components/Toasts.tsx +0 -283
- package/examples/pages/components/Togglebox.tsx +0 -307
- package/examples/pages/components/Tooltips.tsx +0 -74
- package/examples/pages/components/TreeMenu.tsx +0 -315
- package/examples/pages/components/TreeSelect.tsx +0 -625
- package/examples/pages/components/WithPaginationDocs.tsx +0 -56
- package/examples/pages/components/WithSizeObserver.tsx +0 -44
- package/examples/pages/components/tree-select/TreeSelect.tsx +0 -322
- package/examples/pages/components/tree-select/example-1.tsx +0 -67
- package/examples/pages/components/tree-select/example-2.tsx +0 -56
- package/examples/pages/components/utilities/BorderRadiusUtilities.tsx +0 -71
- package/examples/pages/components/utilities/BorderUtilities.tsx +0 -169
- package/examples/pages/components/utilities/DisplayUtilities.tsx +0 -115
- package/examples/pages/components/utilities/FlexAndGridUtilities.tsx +0 -551
- package/examples/pages/components/utilities/ObjectFitUtilities.tsx +0 -51
- package/examples/pages/components/utilities/ObjectPositionUtilities.tsx +0 -67
- package/examples/pages/components/utilities/OpacityUtilities.tsx +0 -61
- package/examples/pages/components/utilities/OverflowUtilities.tsx +0 -92
- package/examples/pages/components/utilities/PositionUtilities.tsx +0 -51
- package/examples/pages/components/utilities/ShadowUtilities.tsx +0 -122
- package/examples/pages/components/utilities/SpacingUtilities.tsx +0 -1079
- package/examples/pages/components/utilities/TextUtilities.tsx +0 -560
- package/examples/pages/components.html +0 -15
- package/examples/pages/components_deprecated/alerts.html +0 -113
- package/examples/pages/components_deprecated/badge.html +0 -79
- package/examples/pages/components_deprecated/basic-grid.html +0 -132
- package/examples/pages/components_deprecated/big-icons.html +0 -65
- package/examples/pages/components_deprecated/buttons.html +0 -631
- package/examples/pages/components_deprecated/carousel.html +0 -77
- package/examples/pages/components_deprecated/checkbox.html +0 -86
- package/examples/pages/components_deprecated/colors.html +0 -12
- package/examples/pages/components_deprecated/dropdown.html +0 -542
- package/examples/pages/components_deprecated/form-layout.html +0 -187
- package/examples/pages/components_deprecated/icon-labels.html +0 -34
- package/examples/pages/components_deprecated/icons.html +0 -194
- package/examples/pages/components_deprecated/input.html +0 -233
- package/examples/pages/components_deprecated/labels.html +0 -170
- package/examples/pages/components_deprecated/layout-grid.html +0 -227
- package/examples/pages/components_deprecated/left-nav.html +0 -83
- package/examples/pages/components_deprecated/list-item.html +0 -1342
- package/examples/pages/components_deprecated/loader.html +0 -64
- package/examples/pages/components_deprecated/modal-template.html +0 -13
- package/examples/pages/components_deprecated/modals.html +0 -561
- package/examples/pages/components_deprecated/other-elements.html +0 -54
- package/examples/pages/components_deprecated/panel-info.html +0 -34
- package/examples/pages/components_deprecated/radio.html +0 -64
- package/examples/pages/components_deprecated/select.html +0 -160
- package/examples/pages/components_deprecated/shadows.html +0 -24
- package/examples/pages/components_deprecated/sidebar-menu.html +0 -111
- package/examples/pages/components_deprecated/simple-list.html +0 -113
- package/examples/pages/components_deprecated/slider.html +0 -31
- package/examples/pages/components_deprecated/spacing.html +0 -117
- package/examples/pages/components_deprecated/switch.html +0 -31
- package/examples/pages/components_deprecated/tables.html +0 -58
- package/examples/pages/components_deprecated/tabs.html +0 -257
- package/examples/pages/components_deprecated/tag-input.html +0 -123
- package/examples/pages/components_deprecated/tag-labels.html +0 -57
- package/examples/pages/components_deprecated/text.html +0 -55
- package/examples/pages/components_deprecated/toggle.html +0 -63
- package/examples/pages/components_deprecated/tooltips.html +0 -29
- package/examples/pages/components_deprecated/vertical-tabs.html +0 -48
- package/examples/pages/components_deprecated/wizard.html +0 -41
- package/examples/pages/components_deprecated.html +0 -39
- package/examples/pages/design/application-structure.html +0 -168
- package/examples/pages/design/buttons.html +0 -34
- package/examples/pages/design/checkbox-and-radio.html +0 -64
- package/examples/pages/design/layout-principles.html +0 -45
- package/examples/pages/design/modules.html +0 -22
- package/examples/pages/design/pages.html +0 -22
- package/examples/pages/design/switch.html +0 -55
- package/examples/pages/design-patterns/Index.tsx +0 -42
- package/examples/pages/design-patterns/ThreePaneLayoutPattern.tsx +0 -378
- package/examples/pages/design-patterns.html +0 -14
- package/examples/pages/design.html +0 -39
- package/examples/pages/main.html +0 -76
- package/examples/pages/playgrounds/accessible-theme-test.html +0 -813
- package/examples/pages/playgrounds/boxed-list.html +0 -164
- package/examples/pages/playgrounds/cards.html +0 -244
- package/examples/pages/playgrounds/circular-progress.html +0 -48
- package/examples/pages/playgrounds/dummy-data/items.ts +0 -95
- package/examples/pages/playgrounds/editor-3-test.html +0 -15
- package/examples/pages/playgrounds/form-layout.html +0 -285
- package/examples/pages/playgrounds/layout-grid.html +0 -79
- package/examples/pages/playgrounds/layout-snippets/edit-article.html +0 -415
- package/examples/pages/playgrounds/layout-test-2.html +0 -795
- package/examples/pages/playgrounds/list-item-test.html +0 -896
- package/examples/pages/playgrounds/main.html +0 -16
- package/examples/pages/playgrounds/master-desk.html +0 -1678
- package/examples/pages/playgrounds/media-carousel.html +0 -1166
- package/examples/pages/playgrounds/nav-buttons.html +0 -65
- package/examples/pages/playgrounds/photo-desk.html +0 -1515
- package/examples/pages/playgrounds/photo-snippets/edit-photo-metadata.html +0 -208
- package/examples/pages/playgrounds/planning-snippets/edit-event.html +0 -187
- package/examples/pages/playgrounds/planning-snippets/edit-planning.html +0 -457
- package/examples/pages/playgrounds/planning.html +0 -1112
- package/examples/pages/playgrounds/publish-snippets/edit-article.html +0 -37
- package/examples/pages/playgrounds/publish.html +0 -1007
- package/examples/pages/playgrounds/publisher-content-analytics.html +0 -376
- package/examples/pages/playgrounds/publisher-content-list-automatic.html +0 -296
- package/examples/pages/playgrounds/publisher-content-list-manual.html +0 -611
- package/examples/pages/playgrounds/publisher-content-lists.html +0 -255
- package/examples/pages/playgrounds/publisher-dashboard.html +0 -323
- package/examples/pages/playgrounds/publisher-output-control.html +0 -3659
- package/examples/pages/playgrounds/publisher-website-settings-general.html +0 -188
- package/examples/pages/playgrounds/publisher-website-settings.html +0 -265
- package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +0 -952
- package/examples/pages/playgrounds/react-playgrounds/EditorTest.tsx +0 -649
- package/examples/pages/playgrounds/react-playgrounds/FirstPlayground.tsx +0 -236
- package/examples/pages/playgrounds/react-playgrounds/Index.tsx +0 -11
- package/examples/pages/playgrounds/react-playgrounds/Multiedit.tsx +0 -401
- package/examples/pages/playgrounds/react-playgrounds/PageLayoutTest.tsx +0 -210
- package/examples/pages/playgrounds/react-playgrounds/PersonalProfile.tsx +0 -835
- package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +0 -580
- package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +0 -1415
- package/examples/pages/playgrounds/react-playgrounds/SamsPlayground.tsx +0 -401
- package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +0 -2710
- package/examples/pages/playgrounds/react-playgrounds/UiPlayground.tsx +0 -410
- package/examples/pages/playgrounds/react-playgrounds/components/AuthoringContainer.tsx +0 -25
- package/examples/pages/playgrounds/react-playgrounds/components/AuthoringContent.tsx +0 -86
- package/examples/pages/playgrounds/react-playgrounds/components/ContentSplitter.tsx +0 -19
- package/examples/pages/playgrounds/react-playgrounds/components/GraphicButton.tsx +0 -34
- package/examples/pages/playgrounds/react-playgrounds/components/GraphicButtonsGroup.tsx +0 -11
- package/examples/pages/playgrounds/react-playgrounds/components/HeaderPanel.tsx +0 -11
- package/examples/pages/playgrounds/react-playgrounds/components/Index.tsx +0 -20
- package/examples/pages/playgrounds/react-playgrounds/components/Layout.tsx +0 -27
- package/examples/pages/playgrounds/react-playgrounds/components/LayoutContainer.tsx +0 -15
- package/examples/pages/playgrounds/react-playgrounds/components/LeftPanel.tsx +0 -15
- package/examples/pages/playgrounds/react-playgrounds/components/MainPanel.tsx +0 -24
- package/examples/pages/playgrounds/react-playgrounds/components/OverlayPanel.tsx +0 -17
- package/examples/pages/playgrounds/react-playgrounds/components/Panel.tsx +0 -23
- package/examples/pages/playgrounds/react-playgrounds/components/PanelContent.tsx +0 -11
- package/examples/pages/playgrounds/react-playgrounds/components/PanelContentBlock.tsx +0 -19
- package/examples/pages/playgrounds/react-playgrounds/components/PanelFooter.tsx +0 -17
- package/examples/pages/playgrounds/react-playgrounds/components/PanelHeader.tsx +0 -31
- package/examples/pages/playgrounds/react-playgrounds/components/RightPanel.tsx +0 -16
- package/examples/pages/playgrounds/react-playgrounds/components/SearchBar.tsx +0 -87
- package/examples/pages/playgrounds/react-playgrounds/components/SidebarMenu.tsx +0 -76
- package/examples/pages/playgrounds/react-playgrounds/components/SubNav.tsx +0 -17
- package/examples/pages/playgrounds/react-playgrounds/components/ThemeDropdown.tsx +0 -57
- package/examples/pages/playgrounds/react-playgrounds/tsconfig.json +0 -4
- package/examples/pages/playgrounds/settings.html +0 -92
- package/examples/pages/playgrounds/side-navigation.html +0 -201
- package/examples/pages/playgrounds/swimlane-view.html +0 -1975
- package/examples/pages/playgrounds/tags-input.html +0 -55
- package/examples/pages/playgrounds/toasts.html +0 -113
- package/examples/pages/playgrounds/video-editor.html +0 -706
- package/examples/pages/playgrounds.html +0 -40
@@ -1,611 +0,0 @@
|
|
1
|
-
<div class="sd-page-grid--basic docs-page__content" doc-modal>
|
2
|
-
<header class="sd-top-menu">
|
3
|
-
<a href="" class="sd-top-menu__collapse-nav"><i class="icon-collapse icon--white"></i></a>
|
4
|
-
<p class="sd-top-menu__header">Publisher</p>
|
5
|
-
</header>
|
6
|
-
|
7
|
-
<section class="sd-content sd-page-content--slide-in" ng-class="{
|
8
|
-
'sd-page-content--slide-in--open' : editorOpen}">
|
9
|
-
|
10
|
-
<div class="sd-sidebar-menu sd-page-content__left-tabs">
|
11
|
-
<ul>
|
12
|
-
<li sd-tooltip="Dashboard" flow="right">
|
13
|
-
<a href="" class="sd-sidebar-menu__btn">
|
14
|
-
<i class="sd-sidebar-menu__main-icon big-icon--dashboard"></i>
|
15
|
-
<i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
|
16
|
-
</a>
|
17
|
-
</li>
|
18
|
-
<li sd-tooltip="Monitoring" flow="right">
|
19
|
-
<a href="" class="sd-sidebar-menu__btn">
|
20
|
-
<i class="sd-sidebar-menu__main-icon big-icon--view"></i>
|
21
|
-
<i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
|
22
|
-
</a>
|
23
|
-
</li>
|
24
|
-
<li sd-tooltip="Highlights" flow="right">
|
25
|
-
<a href="" class="sd-sidebar-menu__btn">
|
26
|
-
<i class="sd-sidebar-menu__main-icon big-icon--marked-star"></i>
|
27
|
-
<i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
|
28
|
-
</a>
|
29
|
-
</li>
|
30
|
-
<li sd-tooltip="Spiked" flow="right">
|
31
|
-
<a href="" class="sd-sidebar-menu__btn">
|
32
|
-
<i class="sd-sidebar-menu__main-icon big-icon--spike"></i>
|
33
|
-
<i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
|
34
|
-
</a>
|
35
|
-
</li>
|
36
|
-
<li class="sd-sidebar-menu__spacer">
|
37
|
-
</li>
|
38
|
-
<li sd-tooltip="Personal" flow="right">
|
39
|
-
<a href="" class="sd-sidebar-menu__btn">
|
40
|
-
<i class="sd-sidebar-menu__main-icon big-icon--personal"></i>
|
41
|
-
<i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
|
42
|
-
</a>
|
43
|
-
</li>
|
44
|
-
<li sd-tooltip="Search" flow="right">
|
45
|
-
<a href="" class="sd-sidebar-menu__btn">
|
46
|
-
<i class="sd-sidebar-menu__main-icon big-icon--global-search"></i>
|
47
|
-
<i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
|
48
|
-
</a>
|
49
|
-
</li>
|
50
|
-
<li class="sd-sidebar-menu__spacer">
|
51
|
-
</li>
|
52
|
-
<li sd-tooltip="Publisher" flow="right">
|
53
|
-
<a href="" class="sd-sidebar-menu__btn sd-sidebar-menu__btn--active">
|
54
|
-
<i class="sd-sidebar-menu__main-icon big-icon--publisher"></i>
|
55
|
-
</a>
|
56
|
-
</li>
|
57
|
-
<li sd-tooltip="Planning" flow="right">
|
58
|
-
<a href="" class="sd-sidebar-menu__btn">
|
59
|
-
<i class="sd-sidebar-menu__main-icon big-icon--calendar"></i>
|
60
|
-
<i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
|
61
|
-
</a>
|
62
|
-
</li>
|
63
|
-
</ul>
|
64
|
-
</div>
|
65
|
-
<div class="sd-sidebar-menu sd-sidebar-menu--second-level sd-page-content__left-tabs">
|
66
|
-
<ul>
|
67
|
-
<li sd-tooltip="Dashboard" flow="right">
|
68
|
-
<a href="" class="sd-sidebar-menu__btn sd-sidebar-menu__btn--active">
|
69
|
-
<i class="sd-sidebar-menu__main-icon big-icon--dashboard-alt"></i>
|
70
|
-
</a>
|
71
|
-
</li>
|
72
|
-
<li sd-tooltip="Output Control" flow="right">
|
73
|
-
<a href="" class="sd-sidebar-menu__btn">
|
74
|
-
<i class="sd-sidebar-menu__main-icon big-icon--web"></i>
|
75
|
-
</a>
|
76
|
-
</li>
|
77
|
-
</ul>
|
78
|
-
</div>
|
79
|
-
<div class="sd-page-content__content-block sd-page-content__content-block--double-sidebar" ng-class="{'open-filters': leftFilterOpen}">
|
80
|
-
<div class="subnav">
|
81
|
-
<button class="navbtn navbtn--left">
|
82
|
-
<i class="icon-arrow-left"></i>
|
83
|
-
</button>
|
84
|
-
<h3 class="subnav__page-title">Content Lists</h3>
|
85
|
-
<div class="dropdown dropdown--align-right" dropdown="">
|
86
|
-
<button class="navbtn dropdown sd-create-btn dropdown-toggle" dropdown__toggle="" aria-haspopup="true" aria-expanded="false">
|
87
|
-
<i class="icon-plus-large"></i>
|
88
|
-
<span class="circle"></span>
|
89
|
-
</button>
|
90
|
-
<ul class="dropdown__menu dropdown--align-right">
|
91
|
-
<li>
|
92
|
-
<div class="dropdown__menu-label">Create new site</div>
|
93
|
-
</li>
|
94
|
-
<li class="dropdown__menu-divider"></li>
|
95
|
-
<li><button>Superdesk Publisher</button></li>
|
96
|
-
<li><button>Wordpress</button></li>
|
97
|
-
</ul>
|
98
|
-
</div>
|
99
|
-
</div>
|
100
|
-
<div class="sd-column-box--3">
|
101
|
-
<div class="sd-content-navigation-panel sd-content-navigation-panel--border-right">
|
102
|
-
<div class="subnav subnav--padded subnav--lower-z-index">
|
103
|
-
<h3 class="sd-content-nav-title">Website</h3>
|
104
|
-
</div>
|
105
|
-
<nav class="sd-content-nav">
|
106
|
-
<ul>
|
107
|
-
<li><a href="#" class="sd-content-nav__btn sd-content-nav__btn--active">Daily Telegraph</a></li>
|
108
|
-
<li><a href="#" class="sd-content-nav__btn">The Torch</a></li>
|
109
|
-
<li><a href="#" class="sd-content-nav__btn">Gotham Globe</a></li>
|
110
|
-
<li><a href="#" class="sd-content-nav__btn">Daily Bugle</a></li>
|
111
|
-
<li><a href="#" class="sd-content-nav__btn">The Daily Star</a></li>
|
112
|
-
<li><a href="#" class="sd-content-nav__btn">Sourcefabric.org</a></li>
|
113
|
-
</ul>
|
114
|
-
</nav>
|
115
|
-
</div>
|
116
|
-
|
117
|
-
<div class="flex-grid flex-grid--grow flex-grid--small-2">
|
118
|
-
<div class="flex-grid__item flex-grid__item--d-flex flex-grid__item--column panel-border-right">
|
119
|
-
<div class="subnav subnav--lower-z-index subnav--dark-blue-grey">
|
120
|
-
<button class="navbtn navbtn--left">
|
121
|
-
<i class="icon-th"></i>
|
122
|
-
</button>
|
123
|
-
<button class="navbtn navbtn--left">
|
124
|
-
<i class="icon-search"></i>
|
125
|
-
</button>
|
126
|
-
<div class="dropdown" dropdown="">
|
127
|
-
<button class="dropdown__toggle navbtn navbtn--text-only dropdown-toggle" dropdown-toggle="">Breaking News
|
128
|
-
<span class="dropdown__caret"></span>
|
129
|
-
</button>
|
130
|
-
<ul class="dropdown__menu scrollable">
|
131
|
-
<li><div class="dropdown__menu-label">Content lists</div></li>
|
132
|
-
<li><button>Breaking News</button></li>
|
133
|
-
<li><button>Politics teaser / Home</button></li>
|
134
|
-
<li><button>Entertainment teaser / Home</button></li>
|
135
|
-
<li><button>Custom automated list</button></li>
|
136
|
-
</ul>
|
137
|
-
</div>
|
138
|
-
</div>
|
139
|
-
|
140
|
-
<div class="sd-column-box--3">
|
141
|
-
<div class="sd-column-box__main-column">
|
142
|
-
<div class="sd-list-item-group sd-shadow--z2">
|
143
|
-
<div class="sd-list-item">
|
144
|
-
<div class="sd-list-item__column">
|
145
|
-
<span class="sd-list-item__serial-number">1</span>
|
146
|
-
</div>
|
147
|
-
<div class="sd-list-item__column sd-list-item__column--no-border sd-list-item__column--no-right-padding">
|
148
|
-
<img src="/th01.jpg" class="sd-list-item__thumbnail" />
|
149
|
-
</div>
|
150
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
151
|
-
<div class="sd-list-item__row">
|
152
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Occaecat ad consequat officia esse occaecat pariatur et deserunt nulla pariatur Lorem aliquip eu.</span>
|
153
|
-
</div>
|
154
|
-
<div class="sd-list-item__row">
|
155
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
156
|
-
<span class="label label--success label--hollow">Style</span>
|
157
|
-
</div>
|
158
|
-
</div>
|
159
|
-
</div>
|
160
|
-
<div class="sd-list-item">
|
161
|
-
<div class="sd-list-item__column">
|
162
|
-
<span class="sd-list-item__serial-number">2</span>
|
163
|
-
</div>
|
164
|
-
<div class="sd-list-item__column sd-list-item__column--no-border sd-list-item__column--no-right-padding">
|
165
|
-
<img src="/th02.jpg" class="sd-list-item__thumbnail" />
|
166
|
-
</div>
|
167
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
168
|
-
<div class="sd-list-item__row">
|
169
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Nostrud elit commodo exercitation enim ullamco dolor velit Lorem elit.</span>
|
170
|
-
</div>
|
171
|
-
<div class="sd-list-item__row">
|
172
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
173
|
-
<span class="label label--success label--hollow">Politics</span>
|
174
|
-
</div>
|
175
|
-
</div>
|
176
|
-
</div>
|
177
|
-
<div class="sd-list-item">
|
178
|
-
<div class="sd-list-item__column">
|
179
|
-
<span class="sd-list-item__serial-number">3</span>
|
180
|
-
</div>
|
181
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
182
|
-
<div class="sd-list-item__row">
|
183
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Dolor magna et tempor ullamco labore velit voluptate dolor nulla.</span>
|
184
|
-
</div>
|
185
|
-
<div class="sd-list-item__row">
|
186
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
187
|
-
<span class="label label--success label--hollow">Business</span>
|
188
|
-
</div>
|
189
|
-
</div>
|
190
|
-
</div>
|
191
|
-
<div class="sd-list-item">
|
192
|
-
<div class="sd-list-item__column">
|
193
|
-
<span class="sd-list-item__serial-number">4</span>
|
194
|
-
</div>
|
195
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
196
|
-
<div class="sd-list-item__row">
|
197
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Labore minim sint aliquip quis exercitation id culpa occaecat consequat.</span>
|
198
|
-
</div>
|
199
|
-
<div class="sd-list-item__row">
|
200
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
201
|
-
<span class="label label--success label--hollow">Travel</span>
|
202
|
-
</div>
|
203
|
-
</div>
|
204
|
-
</div>
|
205
|
-
<div class="sd-list-item">
|
206
|
-
<div class="sd-list-item__column">
|
207
|
-
<span class="sd-list-item__serial-number">5</span>
|
208
|
-
</div>
|
209
|
-
<div class="sd-list-item__column sd-list-item__column--no-border sd-list-item__column--no-right-padding">
|
210
|
-
<img src="/th03.jpg" class="sd-list-item__thumbnail" />
|
211
|
-
</div>
|
212
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
213
|
-
<div class="sd-list-item__row">
|
214
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Dolor laboris consectetur excepteur ex velit mollit ad enim.</span>
|
215
|
-
</div>
|
216
|
-
<div class="sd-list-item__row">
|
217
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
218
|
-
<span class="label label--success label--hollow">Business</span>
|
219
|
-
</div>
|
220
|
-
</div>
|
221
|
-
</div>
|
222
|
-
<div class="sd-list-item">
|
223
|
-
<div class="sd-list-item__column">
|
224
|
-
<span class="sd-list-item__serial-number">6</span>
|
225
|
-
</div>
|
226
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
227
|
-
<div class="sd-list-item__row">
|
228
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Nulla laborum reprehenderit proident enim pariatur.</span>
|
229
|
-
</div>
|
230
|
-
<div class="sd-list-item__row">
|
231
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">4 months ago</span>
|
232
|
-
<span class="label label--success label--hollow">Style</span>
|
233
|
-
</div>
|
234
|
-
</div>
|
235
|
-
</div>
|
236
|
-
</div>
|
237
|
-
</div>
|
238
|
-
</div>
|
239
|
-
|
240
|
-
</div>
|
241
|
-
<div class="flex-grid__item flex-grid__item--d-flex flex-grid__item--column">
|
242
|
-
<div class="subnav subnav--lower-z-index">
|
243
|
-
<button class="navbtn navbtn--left navbtn--darker" ng-click="leftFilterOpen = !leftFilterOpen" ng-class="{'navbtn--active': leftFilterOpen}">
|
244
|
-
<i class="icon-filter-large"></i>
|
245
|
-
</button>
|
246
|
-
<button class="navbtn navbtn--left">
|
247
|
-
<i class="icon-search"></i>
|
248
|
-
</button>
|
249
|
-
<h3 class="subnav__page-title">All published articles</h3>
|
250
|
-
</div>
|
251
|
-
<div class="sd-column-box--3">
|
252
|
-
<div class="sd-column-box__main-column">
|
253
|
-
<div class="sd-list-item-group sd-shadow--z2">
|
254
|
-
<div class="sd-list-item">
|
255
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
256
|
-
<div class="sd-list-item__row">
|
257
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Article heading here lorem ipsum dolor sit amet</span>
|
258
|
-
</div>
|
259
|
-
<div class="sd-list-item__row">
|
260
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">a month ago</span>
|
261
|
-
<span class="label label--success label--hollow">Travel</span>
|
262
|
-
</div>
|
263
|
-
</div>
|
264
|
-
</div>
|
265
|
-
<div class="sd-list-item">
|
266
|
-
<div class="sd-list-item__column sd-list-item__column--no-border sd-list-item__column--no-right-padding">
|
267
|
-
<img src="/th02.jpg" class="sd-list-item__thumbnail" />
|
268
|
-
</div>
|
269
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
270
|
-
<div class="sd-list-item__row">
|
271
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Duis esse mollit labore exercitation mollit amet reprehenderit ullamco sint.</span>
|
272
|
-
</div>
|
273
|
-
<div class="sd-list-item__row">
|
274
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">2 months ago</span>
|
275
|
-
<span class="label label--success label--hollow">Politics</span>
|
276
|
-
</div>
|
277
|
-
</div>
|
278
|
-
</div>
|
279
|
-
<div class="sd-list-item">
|
280
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
281
|
-
<div class="sd-list-item__row">
|
282
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Sit magna Lorem fugiat aliqua dolore cupidatat labore proident incididunt laborum aliqua.</span>
|
283
|
-
</div>
|
284
|
-
<div class="sd-list-item__row">
|
285
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">2 months ago</span>
|
286
|
-
<span class="label label--success label--hollow">Business</span>
|
287
|
-
</div>
|
288
|
-
</div>
|
289
|
-
</div>
|
290
|
-
<div class="sd-list-item">
|
291
|
-
<div class="sd-list-item__column sd-list-item__column--no-border sd-list-item__column--no-right-padding">
|
292
|
-
<img src="/th03.jpg" class="sd-list-item__thumbnail" />
|
293
|
-
</div>
|
294
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
295
|
-
<div class="sd-list-item__row">
|
296
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Esse nostrud anim adipisicing mollit consectetur duis proident.</span>
|
297
|
-
</div>
|
298
|
-
<div class="sd-list-item__row">
|
299
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">2 months ago</span>
|
300
|
-
<span class="label label--success label--hollow">Style</span>
|
301
|
-
</div>
|
302
|
-
</div>
|
303
|
-
</div>
|
304
|
-
<div class="sd-list-item">
|
305
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
306
|
-
<div class="sd-list-item__row">
|
307
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Ea officia ea in ea sunt.</span>
|
308
|
-
</div>
|
309
|
-
<div class="sd-list-item__row">
|
310
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
311
|
-
<span class="label label--success label--hollow">Politics</span>
|
312
|
-
</div>
|
313
|
-
</div>
|
314
|
-
</div>
|
315
|
-
<div class="sd-list-item">
|
316
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
317
|
-
<div class="sd-list-item__row">
|
318
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Sunt deserunt nostrud ad pariatur fugiat minim.</span>
|
319
|
-
</div>
|
320
|
-
<div class="sd-list-item__row">
|
321
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
322
|
-
<span class="label label--success label--hollow">Business</span>
|
323
|
-
</div>
|
324
|
-
</div>
|
325
|
-
</div>
|
326
|
-
<div class="sd-list-item">
|
327
|
-
<div class="sd-list-item__column sd-list-item__column--no-border sd-list-item__column--no-right-padding">
|
328
|
-
<img src="/th01.jpg" class="sd-list-item__thumbnail" />
|
329
|
-
</div>
|
330
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
331
|
-
<div class="sd-list-item__row">
|
332
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Id non laborum id id aliquip sit velit incididunt mollit sint fugiat.</span>
|
333
|
-
</div>
|
334
|
-
<div class="sd-list-item__row">
|
335
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
336
|
-
<span class="label label--success label--hollow">Business</span>
|
337
|
-
</div>
|
338
|
-
</div>
|
339
|
-
</div>
|
340
|
-
<div class="sd-list-item">
|
341
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
342
|
-
<div class="sd-list-item__row">
|
343
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Quis dolor proident esse aliquip duis ut consequat officia.</span>
|
344
|
-
</div>
|
345
|
-
<div class="sd-list-item__row">
|
346
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
347
|
-
<span class="label label--success label--hollow">Style</span>
|
348
|
-
</div>
|
349
|
-
</div>
|
350
|
-
</div>
|
351
|
-
<div class="sd-list-item">
|
352
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
353
|
-
<div class="sd-list-item__row">
|
354
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Fugiat duis sit ea cillum consequat qui culpa quis tempor culpa.</span>
|
355
|
-
</div>
|
356
|
-
<div class="sd-list-item__row">
|
357
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
358
|
-
<span class="label label--success label--hollow">Politics</span>
|
359
|
-
</div>
|
360
|
-
</div>
|
361
|
-
</div>
|
362
|
-
<div class="sd-list-item">
|
363
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
364
|
-
<div class="sd-list-item__row">
|
365
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Dolor magna et tempor ullamco labore velit voluptate dolor nulla.</span>
|
366
|
-
</div>
|
367
|
-
<div class="sd-list-item__row">
|
368
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
369
|
-
<span class="label label--success label--hollow">Business</span>
|
370
|
-
</div>
|
371
|
-
</div>
|
372
|
-
</div>
|
373
|
-
<div class="sd-list-item">
|
374
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
375
|
-
<div class="sd-list-item__row">
|
376
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Labore minim sint aliquip quis exercitation id culpa occaecat consequat.</span>
|
377
|
-
</div>
|
378
|
-
<div class="sd-list-item__row">
|
379
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
380
|
-
<span class="label label--success label--hollow">Travel</span>
|
381
|
-
</div>
|
382
|
-
</div>
|
383
|
-
</div>
|
384
|
-
<div class="sd-list-item">
|
385
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
386
|
-
<div class="sd-list-item__row">
|
387
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Dolor laboris consectetur excepteur ex velit mollit ad enim.</span>
|
388
|
-
</div>
|
389
|
-
<div class="sd-list-item__row">
|
390
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
391
|
-
<span class="label label--success label--hollow">Business</span>
|
392
|
-
</div>
|
393
|
-
</div>
|
394
|
-
</div>
|
395
|
-
<div class="sd-list-item">
|
396
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
397
|
-
<div class="sd-list-item__row">
|
398
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Nulla laborum reprehenderit proident enim pariatur.</span>
|
399
|
-
</div>
|
400
|
-
<div class="sd-list-item__row">
|
401
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">4 months ago</span>
|
402
|
-
<span class="label label--success label--hollow">Style</span>
|
403
|
-
</div>
|
404
|
-
</div>
|
405
|
-
</div>
|
406
|
-
<div class="sd-list-item">
|
407
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
408
|
-
<div class="sd-list-item__row">
|
409
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Article heading here lorem ipsum dolor sit amet</span>
|
410
|
-
</div>
|
411
|
-
<div class="sd-list-item__row">
|
412
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">a month ago</span>
|
413
|
-
<span class="label label--success label--hollow">Travel</span>
|
414
|
-
</div>
|
415
|
-
</div>
|
416
|
-
</div>
|
417
|
-
<div class="sd-list-item">
|
418
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
419
|
-
<div class="sd-list-item__row">
|
420
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Duis esse mollit labore exercitation mollit amet reprehenderit ullamco sint.</span>
|
421
|
-
</div>
|
422
|
-
<div class="sd-list-item__row">
|
423
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">2 months ago</span>
|
424
|
-
<span class="label label--success label--hollow">Politics</span>
|
425
|
-
</div>
|
426
|
-
</div>
|
427
|
-
</div>
|
428
|
-
<div class="sd-list-item">
|
429
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
430
|
-
<div class="sd-list-item__row">
|
431
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Sit magna Lorem fugiat aliqua dolore cupidatat labore proident incididunt laborum aliqua.</span>
|
432
|
-
</div>
|
433
|
-
<div class="sd-list-item__row">
|
434
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">2 months ago</span>
|
435
|
-
<span class="label label--success label--hollow">Business</span>
|
436
|
-
</div>
|
437
|
-
</div>
|
438
|
-
</div>
|
439
|
-
<div class="sd-list-item">
|
440
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
441
|
-
<div class="sd-list-item__row">
|
442
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Esse nostrud anim adipisicing mollit consectetur duis proident.</span>
|
443
|
-
</div>
|
444
|
-
<div class="sd-list-item__row">
|
445
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">2 months ago</span>
|
446
|
-
<span class="label label--success label--hollow">Style</span>
|
447
|
-
</div>
|
448
|
-
</div>
|
449
|
-
</div>
|
450
|
-
<div class="sd-list-item">
|
451
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
452
|
-
<div class="sd-list-item__row">
|
453
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Ea officia ea in ea sunt.</span>
|
454
|
-
</div>
|
455
|
-
<div class="sd-list-item__row">
|
456
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
457
|
-
<span class="label label--success label--hollow">Politics</span>
|
458
|
-
</div>
|
459
|
-
</div>
|
460
|
-
</div>
|
461
|
-
<div class="sd-list-item">
|
462
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
463
|
-
<div class="sd-list-item__row">
|
464
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Sunt deserunt nostrud ad pariatur fugiat minim.</span>
|
465
|
-
</div>
|
466
|
-
<div class="sd-list-item__row">
|
467
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
468
|
-
<span class="label label--success label--hollow">Business</span>
|
469
|
-
</div>
|
470
|
-
</div>
|
471
|
-
</div>
|
472
|
-
<div class="sd-list-item">
|
473
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
474
|
-
<div class="sd-list-item__row">
|
475
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Id non laborum id id aliquip sit velit incididunt mollit sint fugiat.</span>
|
476
|
-
</div>
|
477
|
-
<div class="sd-list-item__row">
|
478
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
479
|
-
<span class="label label--success label--hollow">Business</span>
|
480
|
-
</div>
|
481
|
-
</div>
|
482
|
-
</div>
|
483
|
-
<div class="sd-list-item">
|
484
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
485
|
-
<div class="sd-list-item__row">
|
486
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Quis dolor proident esse aliquip duis ut consequat officia.</span>
|
487
|
-
</div>
|
488
|
-
<div class="sd-list-item__row">
|
489
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
490
|
-
<span class="label label--success label--hollow">Style</span>
|
491
|
-
</div>
|
492
|
-
</div>
|
493
|
-
</div>
|
494
|
-
<div class="sd-list-item">
|
495
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
496
|
-
<div class="sd-list-item__row">
|
497
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Fugiat duis sit ea cillum consequat qui culpa quis tempor culpa.</span>
|
498
|
-
</div>
|
499
|
-
<div class="sd-list-item__row">
|
500
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
501
|
-
<span class="label label--success label--hollow">Politics</span>
|
502
|
-
</div>
|
503
|
-
</div>
|
504
|
-
</div>
|
505
|
-
<div class="sd-list-item">
|
506
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
507
|
-
<div class="sd-list-item__row">
|
508
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Dolor magna et tempor ullamco labore velit voluptate dolor nulla.</span>
|
509
|
-
</div>
|
510
|
-
<div class="sd-list-item__row">
|
511
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
512
|
-
<span class="label label--success label--hollow">Business</span>
|
513
|
-
</div>
|
514
|
-
</div>
|
515
|
-
</div>
|
516
|
-
<div class="sd-list-item">
|
517
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
518
|
-
<div class="sd-list-item__row">
|
519
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Labore minim sint aliquip quis exercitation id culpa occaecat consequat.</span>
|
520
|
-
</div>
|
521
|
-
<div class="sd-list-item__row">
|
522
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
523
|
-
<span class="label label--success label--hollow">Travel</span>
|
524
|
-
</div>
|
525
|
-
</div>
|
526
|
-
</div>
|
527
|
-
<div class="sd-list-item">
|
528
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
529
|
-
<div class="sd-list-item__row">
|
530
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Dolor laboris consectetur excepteur ex velit mollit ad enim.</span>
|
531
|
-
</div>
|
532
|
-
<div class="sd-list-item__row">
|
533
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">3 months ago</span>
|
534
|
-
<span class="label label--success label--hollow">Business</span>
|
535
|
-
</div>
|
536
|
-
</div>
|
537
|
-
</div>
|
538
|
-
<div class="sd-list-item">
|
539
|
-
<div class="sd-list-item__column sd-list-item__column--grow">
|
540
|
-
<div class="sd-list-item__row">
|
541
|
-
<span class="sd-overflow-ellipsis sd-list-item__text-strong">Nulla laborum reprehenderit proident enim pariatur.</span>
|
542
|
-
</div>
|
543
|
-
<div class="sd-list-item__row">
|
544
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">4 months ago</span>
|
545
|
-
<span class="label label--success label--hollow">Style</span>
|
546
|
-
</div>
|
547
|
-
</div>
|
548
|
-
</div>
|
549
|
-
</div>
|
550
|
-
</div>
|
551
|
-
<!-- filters -->
|
552
|
-
<div class="sd-filters-panel sd-filters-panel--border-left">
|
553
|
-
<div class="side-panel side-panel--transparent side-panel--shadow-right">
|
554
|
-
<div class="side-panel__header side-panel__header--border-b">
|
555
|
-
<a class="icn-btn side-panel__close" sd-tooltip="Close filters" flow="left" ng-click="leftFilterOpen = !leftFilterOpen"><i class="icon-close-small"></i></a>
|
556
|
-
<h3 class="side-panel__heading">Advanced filters</h3>
|
557
|
-
</div>
|
558
|
-
<div class="side-panel__content">
|
559
|
-
<div class="side-panel__content-block">
|
560
|
-
<div class="form__row">
|
561
|
-
<div class="sd-line-input sd-line-input--no-margin sd-line-input--with-button">
|
562
|
-
<span class="sd-line-input__plus-btn"></span>
|
563
|
-
<label class="sd-line-input__label">Routes</label>
|
564
|
-
<input class="sd-line-input__input" type="text">
|
565
|
-
</div>
|
566
|
-
</div>
|
567
|
-
<div class="form__row">
|
568
|
-
<div class="sd-line-input sd-line-input--no-margin sd-line-input--with-button">
|
569
|
-
<span class="sd-line-input__plus-btn"></span>
|
570
|
-
<label class="sd-line-input__label">Author</label>
|
571
|
-
<input class="sd-line-input__input" type="text">
|
572
|
-
</div>
|
573
|
-
</div>
|
574
|
-
<div class="form__row form__row--flex">
|
575
|
-
<div class="sd-line-input sd-line-input--no-margin">
|
576
|
-
<a class="icn-btn sd-line-input__icon-right"><i class="icon-calendar"></i></a>
|
577
|
-
<label class="sd-line-input__label">Published after</label>
|
578
|
-
<input class="sd-line-input__input" type="text">
|
579
|
-
</div>
|
580
|
-
</div>
|
581
|
-
<div class="form__row form__row--flex">
|
582
|
-
<div class="sd-line-input sd-line-input--no-margin">
|
583
|
-
<a class="icn-btn sd-line-input__icon-right"><i class="icon-calendar"></i></a>
|
584
|
-
<label class="sd-line-input__label">Published before</label>
|
585
|
-
<input class="sd-line-input__input" type="text">
|
586
|
-
</div>
|
587
|
-
</div>
|
588
|
-
</div>
|
589
|
-
</div>
|
590
|
-
<div class="side-panel__footer side-panel__footer--button-box">
|
591
|
-
<div class="flex-grid flex-grid--boxed-small flex-grid--small-2">
|
592
|
-
<a class="btn btn--hollow">Clear</a>
|
593
|
-
<a class="btn btn--primary">Filter</a>
|
594
|
-
</div>
|
595
|
-
</div>
|
596
|
-
</div>
|
597
|
-
</div>
|
598
|
-
</div>
|
599
|
-
</div>
|
600
|
-
</div>
|
601
|
-
|
602
|
-
</div>
|
603
|
-
</div>
|
604
|
-
|
605
|
-
|
606
|
-
|
607
|
-
</section>
|
608
|
-
<footer class="sd-bottom-bar">
|
609
|
-
This is the optional footer.
|
610
|
-
</footer>
|
611
|
-
</div>
|