From 5c6becd7af232873d632a02119105ec0e38efbc7 Mon Sep 17 00:00:00 2001 From: Angela McMahon Date: Tue, 2 Jul 2019 10:06:45 -0500 Subject: [PATCH] Create 1.2.1 Release (#193) * INTERIM-175 Just in case Suitcase Interim is being used on admin pages. * INTERIM-172 Begin working on exposed filers. * INTERIM-172 Select list margin * INTERIM-172 Working with margins over fields * INTERIM-172 Working with label spacing * INTERIM-173 Remove black bars above/below embedded videos (#185) * INTERIM-173 Remove black bars above/below embedded videos * INTERIM-173 Make sure video doesn't overflow its container * INTERIM-172 Adjust alignment with the submit buttons * INTERIM-178 Adjust padding on the top and bottom full Mega Panels panes (#187) * Interim 180 (#188) * INTERIM-180 Add classes for full-width layout * INTERIM-180 Adjust spacing * LUGG-1160 Override luggage_video CSS for sizing videos to be more responsive on suitcase_interim (#189) * LUGG-1165 Duplicate content template to add ARIA role to alerts. (#190) * INTERIM-29 Add a class to make a content link look like a button. (#191) * INTERIM-29 Add a class to make a content link look like a button. * INTERIM-29 Duplicate the button style in ckeditor * LUGG-1187 Add link for Workday (#192) --- ckeditor.css | 15 ++ css/suitcase.css | 184 ++++++++++++++++-- .../suitcase-megapanels.tpl.php | 2 +- .../suitcase_megapanels_admin.css | 7 +- templates/region--isu_menu.tpl.php | 1 + templates/zone--content.tpl.php | 11 ++ 6 files changed, 202 insertions(+), 18 deletions(-) create mode 100644 templates/zone--content.tpl.php diff --git a/ckeditor.css b/ckeditor.css index 3d52a4e..796615a 100644 --- a/ckeditor.css +++ b/ckeditor.css @@ -25,6 +25,21 @@ blockquote { blockquote p { margin-top: 0; } +a.link-button { + display: inline-block; + padding: 0.25rem 0.5rem; + color: #ffffff; + font-weight: 700; + text-decoration: none; + background: #cc0000; + border-radius: 3px; + transition: background 0.2s ease; +} + +a.link-button:hover { + background: #333333; +} + /* -------------------- */ /* ## General indentation & positioning classes */ /* -------------------- */ diff --git a/css/suitcase.css b/css/suitcase.css index 9b50026..a609a94 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -12,26 +12,27 @@ e. Misc Typography f. Figures & Images g. Forms - 02. COMPONENTS + 02. EXPOSED FILTERS + 03. COMPONENTS a. Pagination b. Media Card c. Icon Menus d. Social Menus - 03. UTILITY - 04. GRID - 05. HEADER + 04. UTILITY + 05. GRID + 06. HEADER a. ISU Menu Bar b. Site Name c. Header Search d. Header Search Menu - 06. MENU + 07. MENU a. Sticky Menu - 07. SECONDARY MENU - 08. BREADCRUMBS - 09. ALERTS - 10. TABS + 08. SECONDARY MENU + 09. BREADCRUMBS + 10. ALERTS + 11. TABS a. Secondary Tabs - 11. FOOTER + 12. FOOTER HOME @@ -208,6 +209,28 @@ a:hover { margin-bottom: 1rem; } +/* --- Content Buttons --- */ +/* Add the link-button class to a link in CKEditor to style it like + * a button. Remember, the link-button needs to be added to the list of + * allowed classes in the Text Formatter. + */ + +a.link-button { + display: inline-block; + padding: 0.25rem 0.5rem; + color: #ffffff; + font-weight: 700; + text-decoration: none; + background: #cc0000; + border-radius: 3px; + transition: background 0.2s ease; +} + +a.link-button:hover { + background: #333333; +} + + /* --- Read More --- */ .read-more { @@ -503,8 +526,9 @@ input[type="time"], input[type="url"], input[type="week"] { height: auto; + min-height: 2.25rem; max-width: 100%; - padding: 0.5rem; + padding: 0.525rem; border: 1px solid #ddd; border-radius: 2px; } @@ -541,23 +565,55 @@ input[type=submit].form-submit { padding-right: 0.5rem; } -/* Views Forms */ +/* -------------------- */ +/* ## EXPOSED FILTERS +/* -------------------- */ /* Overrides styles from views.css */ .views-exposed-widgets { display: flex; - align-items: flex-end; + flex-wrap: wrap; + align-items: flex-start; } -.views-exposed-widgets .form-submit { - height: 2.25rem; - margin-top: 0; +.views-exposed-form .views-exposed-widget { + float: none; + padding: 0; + margin: 0 1em 1em 0; } .form-required { color: #cc0000; } +.views-exposed-form label { + margin-bottom: 0.25rem; +} + +.form-radios label { + font-weight: normal +} + +.views-exposed-form .views-exposed-widget .form-submit { + height: 2.25rem; + margin-top: 1.75rem; +} + +/* Select Lists */ +.form-type-select select { + margin-top: 0; + margin-bottom: 0.5rem; +} + +/* Date Filter */ +.views-exposed-widget.views-widget-filter-date_filter { + flex-shrink: 0; +} + +.views-exposed-form .container-inline-date .date-padding { + display: flex; + align-items: center; +} /* -------------------- */ /* ## COMPONENTS @@ -1667,6 +1723,20 @@ ul.tabs.secondary img { margin-bottom: 1rem; } +.megapanels-wrapper_full_top, +.megapanels-wrapper_full_bottom { + margin-right: 0.5rem; + margin-left: 0.5rem; +} + +@media (max-width: 740px) { + .megapanels-wrapper_full_top, + .megapanels-wrapper_full_bottom { + margin-right: 2rem; + margin-left: 2rem; + } +} + @media (min-width: 1141px) { .megapanels-pane:first-child:nth-last-child(4), @@ -1695,6 +1765,65 @@ ul.tabs.secondary img { } } +/* --- Full Width Option --- */ +/* Add these classes to the Panel Page in General Settings. Supplement + * with the CSS code field. + */ + +.megapanels_full-width .zone-content { + max-width: 100% !important; + width: 100%; + margin: 0; +} + +.megapanels_full-width .grid-12 { + width: 100% !important; + margin: 0; +} + +.megapanels_full-width .megapanels-wrapper_full_top, +.megapanels_full-width .megapanels-wrapper_full_bottom { + margin-right: 0; + margin-left: 0; +} + +.megapanels_full-width.megapanels_content-contained .megapanels-row { + +} + +/* Mimic container-12 */ + +@media (max-width: 740px) { + .megapanels_full-width.megapanels_content-contained .megapanels-row { + margin-right: 0; + margin-left: 0; + } +} +@media (min-width: 740px) { + .megapanels_full-width.megapanels_content-contained .megapanels-row { + width: 92%; + margin-left: 4%; + margin-right: 4%; + } +} + +@media (min-width: 1200px) { + .megapanels_full-width.megapanels_content-contained .megapanels-row { + width: 92%; + max-width: calc(1200px + 2rem); + margin-left: auto !important; + margin-right: auto !important; + } +} + +.megapanels_full-width.megapanels_content-contained .suitcase_megapanels { + margin: 0; +} + +.megapanels_full-width.megapanels_content-contained .megapanels-pane { + margin: 0; +} + /* ---------------------------------------- */ /* ## BLOCKS /* ---------------------------------------- */ @@ -2830,6 +2959,29 @@ td.views-field-field-resource-screenshot img { min-width: 100px; } +.player { + padding-bottom: 56.25%; + position: relative; + height: 0; +} + +.player iframe { + position: absolute; + top: 0; left: 0; + width: 100%; + height: 100%; +} + +/* Strong override for luggage_video.css */ + +.field-item .embedded-video { + position: static !important; + padding-bottom: 0; + padding-top: 0; + height: auto; + overflow: visible; +} + /* ---------------------------------------- */ /* ## CONTENT EDITING /* ---------------------------------------- */ diff --git a/panels/layouts/suitcase_megapanels/suitcase-megapanels.tpl.php b/panels/layouts/suitcase_megapanels/suitcase-megapanels.tpl.php index 9b2779a..d616eb8 100644 --- a/panels/layouts/suitcase_megapanels/suitcase-megapanels.tpl.php +++ b/panels/layouts/suitcase_megapanels/suitcase-megapanels.tpl.php @@ -131,7 +131,7 @@ -
+
diff --git a/panels/layouts/suitcase_megapanels/suitcase_megapanels_admin.css b/panels/layouts/suitcase_megapanels/suitcase_megapanels_admin.css index 6ce8418..5b1781f 100644 --- a/panels/layouts/suitcase_megapanels/suitcase_megapanels_admin.css +++ b/panels/layouts/suitcase_megapanels/suitcase_megapanels_admin.css @@ -1,7 +1,12 @@ .megapanels-row { display: flex; + flex-wrap: nowrap !important; + margin: 0 !important; } .megapanels-pane { - flex: 1 1 100%; + flex: 1 1 100% !important; + min-width: 0 !important; + margin: 0 !important; + padding: 0 !important; } \ No newline at end of file diff --git a/templates/region--isu_menu.tpl.php b/templates/region--isu_menu.tpl.php index a6021d3..b8d539e 100644 --- a/templates/region--isu_menu.tpl.php +++ b/templates/region--isu_menu.tpl.php @@ -54,6 +54,7 @@
  • CyBox
  • CyMail
  • Outlook
    • +
  • Workday
  • More Sign Ons...
    • diff --git a/templates/zone--content.tpl.php b/templates/zone--content.tpl.php new file mode 100644 index 0000000..3c06de7 --- /dev/null +++ b/templates/zone--content.tpl.php @@ -0,0 +1,11 @@ +> + > + + + + +
    + + +
    +