Skip to content
Snippets Groups Projects
Commit 254df117 authored by Brian Canini's avatar Brian Canini
Browse files

asc_bootstrap - templates and styles for research and research gallery, style updates for webform

parent cefd05f0
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 431 additions and 4 deletions
web/themes/asc_bootstrap/assets/sass/components/_research.scss
+ 112
− 1
View file @ 254df117
......@@ -5,6 +5,117 @@
// Research
// --------------------------------------------------
//## Research.
//## Research Directory.
.view-research-project-directory {
table {
.views-field-title {
width: 35%
}
}
}
// --------------------------------------------------
//## Research Article.
.page-node-type-research {
article {
margin-bottom: 16px;
}
.page-header {
display: none;
}
.research-title-wrapper {
padding-left: 0;
}
.research-cont {
padding-left: 0;
.field--name-field-research-body {
margin: 20px 0 40px;
}
}
.research-users {
margin-bottom: 15px;
h2 {
line-height: 0;
font-size: 18px;
}
}
.taxonomy-research-heading {
width: 100%;
padding-top: 15px;
h3 {
line-height: 0;
font-size: 18px;
}
}
}
.research {
.field--name-field-research-body {
margin-bottom: 20px;
}
}
// --------------------------------------------------
//## Research Project Gallery.
.view-research-project-gallery {
.row {
display: flex;
margin-bottom: 40px;
}
.form-actions {
.button {
text-transform: uppercase;
border-radius: 0;
}
}
.view-filters {
background: #D8D8D8;
padding: 10px;
}
}
.page-node-type-research-project-gallery {
article {
margin-bottom: 16px;
}
.page-header {
display: none;
}
.rgall-title-wrapper {
padding-left: 0;
}
.rgall-cont {
padding-left: 0;
.field--name-body {
margin: 20px 0 40px;
}
}
}
web/themes/asc_bootstrap/assets/sass/components/_webforms.scss
+ 9
− 0
View file @ 254df117
......@@ -18,3 +18,12 @@ textarea.form-control {
label {
width: 100%;
}
form {
.form-required:after {
background-size: 7px 7px;
height: 7px;
width: 7px;
}
}
web/themes/asc_bootstrap/css/style.css
+ 94
− 0
View file @ 254df117
......@@ -11953,6 +11953,93 @@ article.news-story {
#block-views-block-people-directory-block-1 .views-field.views-field-mail a {
font-size: smaller;
}*/
/* line 14, ../assets/sass/components/_research.scss */
.view-research-project-directory table .views-field-title {
width: 35%;
}
/* line 26, ../assets/sass/components/_research.scss */
.page-node-type-research article {
margin-bottom: 16px;
}
/* line 30, ../assets/sass/components/_research.scss */
.page-node-type-research .page-header {
display: none;
}
/* line 34, ../assets/sass/components/_research.scss */
.page-node-type-research .research-title-wrapper {
padding-left: 0;
}
/* line 38, ../assets/sass/components/_research.scss */
.page-node-type-research .research-cont {
padding-left: 0;
}
/* line 41, ../assets/sass/components/_research.scss */
.page-node-type-research .research-cont .field--name-field-research-body {
margin: 20px 0 40px;
}
/* line 46, ../assets/sass/components/_research.scss */
.page-node-type-research .research-users {
margin-bottom: 15px;
}
/* line 49, ../assets/sass/components/_research.scss */
.page-node-type-research .research-users h2 {
line-height: 0;
font-size: 18px;
}
/* line 55, ../assets/sass/components/_research.scss */
.page-node-type-research .taxonomy-research-heading {
width: 100%;
padding-top: 15px;
}
/* line 59, ../assets/sass/components/_research.scss */
.page-node-type-research .taxonomy-research-heading h3 {
line-height: 0;
font-size: 18px;
}
/* line 69, ../assets/sass/components/_research.scss */
.research .field--name-field-research-body {
margin-bottom: 20px;
}
/* line 81, ../assets/sass/components/_research.scss */
.view-research-project-gallery .row {
display: flex;
margin-bottom: 40px;
}
/* line 87, ../assets/sass/components/_research.scss */
.view-research-project-gallery .form-actions .button {
text-transform: uppercase;
border-radius: 0;
}
/* line 93, ../assets/sass/components/_research.scss */
.view-research-project-gallery .view-filters {
background: #D8D8D8;
padding: 10px;
}
/* line 101, ../assets/sass/components/_research.scss */
.page-node-type-research-project-gallery article {
margin-bottom: 16px;
}
/* line 105, ../assets/sass/components/_research.scss */
.page-node-type-research-project-gallery .page-header {
display: none;
}
/* line 109, ../assets/sass/components/_research.scss */
.page-node-type-research-project-gallery .rgall-title-wrapper {
padding-left: 0;
}
/* line 113, ../assets/sass/components/_research.scss */
.page-node-type-research-project-gallery .rgall-cont {
padding-left: 0;
}
/* line 116, ../assets/sass/components/_research.scss */
.page-node-type-research-project-gallery .rgall-cont .field--name-body {
margin: 20px 0 40px;
}
/* line 1, ../assets/sass/components/_simplemenu.scss */
body {
overflow-x: hidden;
......@@ -12251,6 +12338,13 @@ label {
width: 100%;
}
/* line 24, ../assets/sass/components/_webforms.scss */
form .form-required:after {
background-size: 7px 7px;
height: 7px;
width: 7px;
}
/* line 9, ../assets/sass/components/_wysiwyg.scss */
.align-right .field--name-field-media-image {
padding: 0 0 15px 15px;
......
web/themes/asc_bootstrap/templates/node/node--research-project-gallery.html.twig 0 → 100644
+ 137
− 0
View file @ 254df117
{#
/**
* @file
* Theme override to display a Research Project Gallery node.
*
* Available variables:
* - node: The node entity with limited access to object properties and methods.
Only "getter" methods (method names starting with "get", "has", or "is")
and a few common methods such as "id" and "label" are available. Calling
other methods (such as node.delete) will result in an exception.
* - label: The title of the node.
* - content: All node items. Use {{ content }} to print them all,
* or print a subset such as {{ content.field_example }}. Use
* {{ content|without('field_example') }} to temporarily suppress the printing
* of a given child element.
* - author_picture: The node author user entity, rendered using the "compact"
* view mode.
* - metadata: Metadata for this node.
* - date: Themed creation date field.
* - author_name: Themed author name field.
* - url: Direct URL of the current node.
* - display_submitted: Whether submission information should be displayed.
* - attributes: HTML attributes for the containing element.
* The attributes.class element may contain one or more of the following
* classes:
* - node: The current template type (also known as a "theming hook").
* - node--type-[type]: The current node type. For example, if the node is an
* "Article" it would result in "node--type-article". Note that the machine
* name will often be in a short form of the human readable label.
* - node--view-mode-[view_mode]: The View Mode of the node; for example, a
* teaser would result in: "node--view-mode-teaser", and
* full: "node--view-mode-full".
* The following are controlled through the node publishing options.
* - node--promoted: Appears on nodes promoted to the front page.
* - node--sticky: Appears on nodes ordered above other non-sticky nodes in
* teaser listings.
* - node--unpublished: Appears on unpublished nodes visible only to site
* admins.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - content_attributes: Same as attributes, except applied to the main
* content tag that appears in the template.
* - author_attributes: Same as attributes, except applied to the author of
* the node tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
* - view_mode: View mode; for example, "teaser" or "full".
* - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
* - page: Flag for the full page state. Will be true if view_mode is 'full'.
* - readmore: Flag for more state. Will be true if the teaser content of the
* node cannot hold the main body content.
* - logged_in: Flag for authenticated user status. Will be true when the
* current user is a logged-in member.
* - is_admin: Flag for admin user status. Will be true when the current user
* is an administrator.
*
* @ingroup templates
*
* @see template_preprocess_node()
*
* @todo Remove the id attribute (or make it a class), because if that gets
* rendered twice on a page this is invalid CSS for example: two lists
* in different view modes.
*/
#}
{%
set classes = [
node.bundle|clean_class,
node.isPromoted() ? 'is-promoted',
node.isSticky() ? 'is-sticky',
not node.isPublished() ? 'is-unpublished',
view_mode ? view_mode|clean_class,
'clearfix',
]
%}
<article{{ attributes.addClass(classes) }}>
<div class="col-sm-12 rgall-title-wrapper">
<div class="col-xs-12 col-sm-8 rgall-title-wrapper">
<h1 class="rgall-title">
{{ label }}
</h1>
{{ title_prefix }}
{% if not page %}
<h2{{ title_attributes }}>
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
</h2>
{% endif %}
{{ title_suffix }}
{#
{% if display_submitted %}
<footer>
{{ author_picture }}
<div{{ author_attributes.addClass('author') }}>
{% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
{{ metadata }}
</div>
</footer>
{% endif %}
#}
</div>
</div>
<div class="col-sm-4 col-sm-push-8 rgall-img">
{{ content.field_research_gallery_image }}
</div>
<div{{ content_attributes.addClass('content') }}>
<div class="col-sm-8 col-sm-pull-4 rgall-cont">
{{ content.body }}
{% if content.research_gallery_tags.0 != '' %}
<div class="taxonomy-rgall-heading">
<h2>Project Tags:</h2>
</div>
{% endif %}
{% for item in content.research_gallery_tags %}
{% if item['#title'] %}
<div class="taxonomy-rgall">
<a href="/news?field_news_terms_1_target_id={{ item['#url']|render|split('/')|last }}">
{{ item['#title'] }}
</a>
</div>
{% endif %}
{% endfor %}
<hr/>
{% if node.field_research_gallery_social.value == 1 %}
{{ content.field_research_gallery_social }}
{% endif %}
</div>
</div>
</article>
web/themes/asc_bootstrap/templates/node/node--research.html.twig
+ 79
− 3
View file @ 254df117
{#
/**
* @file
* Theme override to display a research article node.
* Theme override to display a Research Project node.
*
* Available variables:
* - node: The node entity with limited access to object properties and methods.
......@@ -76,11 +76,87 @@
]
%}
<article{{ attributes.addClass(classes) }}>
<div class="col-sm-12 research-title-wrapper">
<div class="col-xs-12 col-sm-8 research-title-wrapper">
<h1 class="research-title">
{{ label }}
</h1>
{{ title_prefix }}
{% if not page %}
<h2{{ title_attributes }}>
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
</h2>
{% endif %}
{{ title_suffix }}
{#
{% if display_submitted %}
<footer>
{{ author_picture }}
<div{{ author_attributes.addClass('author') }}>
{% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
{{ metadata }}
</div>
</footer>
{% endif %}
#}
</div>
</div>
<div class="col-sm-4 col-sm-push-8 research-img">
{# content.field_research_image2 #}
</div>
<div{{ content_attributes.addClass('content') }}>
<div class="col-sm-12 research-cont">
{{ content }}
<div class="col-sm-8 col-sm-pull-4 research-cont">
<div class="research-users">
<h2>Investigators:</h2>
{{content.field_research_user}}
</div>
{{ content.field_research_body }}
{% if (content.field_research_departments.0 != '') or (content.field_research_other.0 != '') or (content.field_research_year.0 != '') %}
<div class="taxonomy-research-heading">
<h3>Research Filters:</h3>
</div>
{% endif %}
{% for item in content.field_research_year %}
{% if item['#title'] %}
<div class="taxonomy-research">
<a href="/research-project-directory?field_research_year_target_id={{ item['#url']|render|split('/')|last }}">
{{ item['#title'] }}
</a>
</div>
{% endif %}
{% endfor %}
{% for item in content.field_research_departments %}
{% if item['#title'] %}
<div class="taxonomy-research">
<a href="/research-project-directory?field_research_departments_target_id={{ item['#url']|render|split('/')|last }}">
{{ item['#title'] }}
</a>
</div>
{% endif %}
{% endfor %}
{% for item in content.field_research_other %}
{% if item['#title'] %}
<div class="taxonomy-research">
<a href="/research-project-directory?field_research_other_target_id={{ item['#url']|render|split('/')|last }}">
{{ item['#title'] }}
</a>
</div>
{% endif %}
{% endfor %}
<hr/>
{% if node.field_research_social_media.value == 1 %}
{{ content.field_research_social_media }}
{% endif %}
</div>
</div>
</article>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment