rdrew
/
roblib_2023
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

bento

master
rdrew 2 years ago
parent
bb4764ca3c
commit
c96b50af43
3 changed files with 304 additions and 15 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 176
      css/global-style.css
  2. 2
      css/global-style.css.map
  3. 141
      css/sass/components/_search-results.scss

176
css/global-style.css
Unescape View File

@ -403,26 +403,29 @@ label.middle {
color: #333;
}
.input-group, .searchtabs form > div {
.input-group, .searchtabs form > div, #roblib-searchbox-form .form-wrapper {
display: flex;
width: 100%;
margin-bottom: 1rem;
align-items: stretch;
}
.input-group > :first-child, .searchtabs form > div > :first-child, .input-group > :first-child.input-group-button > *, .searchtabs .input-group > input[type=submit]:first-child > *, .searchtabs form > div > :first-child.input-group-button > *, .searchtabs form > div > input[type=submit]:first-child > * {
.input-group > :first-child, .searchtabs form > div > :first-child, #roblib-searchbox-form .form-wrapper > :first-child, .input-group > :first-child.input-group-button > *, .searchtabs .input-group > input[type=submit]:first-child > *, .searchtabs form > div > :first-child.input-group-button > *, .searchtabs form > div > input[type=submit]:first-child > *, #roblib-searchbox-form .input-group > input[type=submit]:first-child > *, #roblib-searchbox-form .searchtabs form > div > input[type=submit]:first-child > *, .searchtabs #roblib-searchbox-form form > div > input[type=submit]:first-child > *, #roblib-searchbox-form .form-wrapper > :first-child.input-group-button > *, #roblib-searchbox-form .form-wrapper > input[type=submit]:first-child > * {
border-radius: 6px 0 0 6px;
}
.input-group > :last-child, .searchtabs form > div > :last-child, .input-group > :last-child.input-group-button > *, .searchtabs .input-group > input[type=submit]:last-child > *, .searchtabs form > div > :last-child.input-group-button > *, .searchtabs form > div > input[type=submit]:last-child > * {
.input-group > :last-child, .searchtabs form > div > :last-child, #roblib-searchbox-form .form-wrapper > :last-child, .input-group > :last-child.input-group-button > *, .searchtabs .input-group > input[type=submit]:last-child > *, .searchtabs form > div > :last-child.input-group-button > *, .searchtabs form > div > input[type=submit]:last-child > *, #roblib-searchbox-form .input-group > input[type=submit]:last-child > *, #roblib-searchbox-form .searchtabs form > div > input[type=submit]:last-child > *, .searchtabs #roblib-searchbox-form form > div > input[type=submit]:last-child > *, #roblib-searchbox-form .form-wrapper > :last-child.input-group-button > *, #roblib-searchbox-form .form-wrapper > input[type=submit]:last-child > * {
border-radius: 0 6px 6px 0;
}
.input-group-button a, .searchtabs input[type=submit] a,
.input-group-button a, .searchtabs input[type=submit] a, #roblib-searchbox-form input[type=submit] a,
.input-group-button input,
.searchtabs input[type=submit] input,
#roblib-searchbox-form input[type=submit] input,
.input-group-button button,
.searchtabs input[type=submit] button,
#roblib-searchbox-form input[type=submit] button,
.input-group-button label,
.searchtabs input[type=submit] label, .input-group-button, .searchtabs input[type=submit], .input-group-field, .searchtabs input[type=text], .input-group-label {
.searchtabs input[type=submit] label,
#roblib-searchbox-form input[type=submit] label, .input-group-button, .searchtabs input[type=submit], #roblib-searchbox-form input[type=submit], .input-group-field, .searchtabs input[type=text], #roblib-searchbox-form input[type=text], .input-group-label {
margin: 0;
white-space: nowrap;
}
@ -445,26 +448,29 @@ label.middle {
border-left: 0;
}
.input-group-field, .searchtabs input[type=text] {
.input-group-field, .searchtabs input[type=text], #roblib-searchbox-form input[type=text] {
border-radius: 0;
flex: 1 1 0px;
min-width: 0;
}
.input-group-button, .searchtabs input[type=submit] {
.input-group-button, .searchtabs input[type=submit], #roblib-searchbox-form input[type=submit] {
padding-top: 0;
padding-bottom: 0;
text-align: center;
display: flex;
flex: 0 0 auto;
}
.input-group-button a, .searchtabs input[type=submit] a,
.input-group-button a, .searchtabs input[type=submit] a, #roblib-searchbox-form input[type=submit] a,
.input-group-button input,
.searchtabs input[type=submit] input,
#roblib-searchbox-form input[type=submit] input,
.input-group-button button,
.searchtabs input[type=submit] button,
#roblib-searchbox-form input[type=submit] button,
.input-group-button label,
.searchtabs input[type=submit] label {
.searchtabs input[type=submit] label,
#roblib-searchbox-form input[type=submit] label {
align-self: stretch;
height: auto;
padding-top: 0;
@ -5895,7 +5901,7 @@ html.is-reveal-open body {
max-width: 200px;
margin-right: 1rem;
}
.top-bar .input-group-field, .top-bar .searchtabs input[type=text], .searchtabs .top-bar input[type=text] {
.top-bar .input-group-field, .top-bar .searchtabs input[type=text], .searchtabs .top-bar input[type=text], .top-bar #roblib-searchbox-form input[type=text], #roblib-searchbox-form .top-bar input[type=text] {
width: 100%;
margin-right: 0;
}
@ -17675,11 +17681,157 @@ ul.menu a.is-active {
list-style: none;
}
#block-roblibsearchothersources,
#block-roblib-2023-roblibsearchedsbooksblock,
#block-roblib-2023-roblibsearchedsarticlesblock,
#block-roblib-2023-roblibsearchsolrsiteblock,
#block-roblibsearchsolrbestbetblock {
border: 0px;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#block-roblibsearchothersources h3, #block-roblibsearchothersources .field--name-field__help-me-section-title,
.roblib-search-header {
display: flex;
align-items: center;
justify-content: space-between;
border-color: #8c2004;
background: #333;
padding-left: 1rem;
color: white;
border-left: 10px solid #8c2004;
}
#block-roblibsearchothersources h3 h3, #block-roblibsearchothersources .field--name-field__help-me-section-title h3, #block-roblibsearchothersources h3 .field--name-field__help-me-section-title, #block-roblibsearchothersources .field--name-field__help-me-section-title .field--name-field__help-me-section-title,
.roblib-search-header h3,
.roblib-search-header .field--name-field__help-me-section-title {
margin: 0;
font-size: 1.5rem;
}
#roblib-searchbox-form .form-item {
margin: 0;
}
#roblib-searchbox-form .form-type-textfield {
width: 100%;
}
#roblib-searchbox-form label {
display: none;
}
#roblib-searchbox-form input[type=text] {
border-radius: 6px 0 0 6px;
}
#roblib-searchbox-form input[type=submit] {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 0.85em 1em;
border: 1px solid transparent;
border-radius: 6px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-family: "Roboto Condensed", sans-serif;
font-size: 0.9rem;
-webkit-appearance: none;
line-height: 1;
text-align: center;
cursor: pointer;
border-radius: 0 6px 6px 0;
margin: 0;
}
[data-whatinput=mouse] #roblib-searchbox-form input[type=submit] {
outline: 0;
}
#roblib-searchbox-form input[type=submit], #roblib-searchbox-form input[type=submit].disabled, #roblib-searchbox-form input[type=submit][disabled], #roblib-searchbox-form input[type=submit].disabled:hover, #roblib-searchbox-form input[type=submit][disabled]:hover, #roblib-searchbox-form input[type=submit].disabled:focus, #roblib-searchbox-form input[type=submit][disabled]:focus {
background-color: #8c2004;
color: #fefefe;
}
#roblib-searchbox-form input[type=submit]:hover, #roblib-searchbox-form input[type=submit]:focus {
background-color: #771b03;
color: #fefefe;
}
#roblib-searchbox-form input[type=submit], #roblib-searchbox-form input[type=submit].disabled, #roblib-searchbox-form input[type=submit][disabled], #roblib-searchbox-form input[type=submit].disabled:hover, #roblib-searchbox-form input[type=submit][disabled]:hover, #roblib-searchbox-form input[type=submit].disabled:focus, #roblib-searchbox-form input[type=submit][disabled]:focus {
background-color: #517e1b;
color: #fefefe;
}
#roblib-searchbox-form input[type=submit]:hover, #roblib-searchbox-form input[type=submit]:focus {
background-color: #416516;
color: #fefefe;
}
.solr-site-results {
white-space: normal;
word-wrap: normal;
line-height: 1.6em;
}
.view-library-site-search article {
border-bottom: 1px solid #ccc;
/* margin: 0 0 1em 0; */
padding: 1em 0;
}
.view-library-site-search article .node__links a, .view-library-site-search article .node__links a:hover, .view-library-site-search article .node__links a:focus, .view-library-site-search article .node__links a.disabled, .view-library-site-search article .node__links a.disabled:hover, .view-library-site-search article .node__links a.disabled:focus, .view-library-site-search article .node__links a[disabled], .view-library-site-search article .node__links a[disabled]:hover, .view-library-site-search article .node__links a[disabled]:focus {
background-color: transparent;
}
.roblib-search-row {
border-bottom: 1px #cecfcc dotted;
padding-left: 5px;
padding: 0.5rem;
transition: all 0.3s ease;
}
.roblib-search-row:hover {
background: #e5e5e5;
}
.roblib-search-row .roblib-solr-teaser {
font-family: "Roboto Condensed", sans-serif;
text-overflow: ellipsis;
min-width: 0;
}
.roblib-eds-more-button,
.roblib-solr-more-button {
margin: 0;
padding: 0;
border: none;
width: 100%;
}
.roblib-eds-more-button a,
.roblib-solr-more-button a {
margin: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
font-family: "Roboto Condensed", sans-serif;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 4px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 0.9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #8c2004;
color: #fefefe;
background-color: #517e1b;
color: #fefefe;
display: block;
width: 100%;
margin-right: 0;
margin-left: 0;
margin: 0;
border-radius: 0;
text-transform: uppercase;
font-family: "Roboto Condensed", sans-serif;
padding: 8px;
}
.path-roblib-search .region-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto auto auto auto auto;
gap: 1em 1em;
gap: 2em 2em;
grid-auto-flow: row;
grid-template-areas: "block-page-title-block block-page-title-block" "block-roblib-search-box block-roblib-search-box" "block-roblib-search-solr-site-bestbet-block block-roblib-search-solr-site-bestbet-block" "block-roblib-search-solr-site-general-block block-roblib-search-solr-site-general-block" "block-roblib-search-eds-articles-block block-roblib-search-eds-books-block" "block-roblib-search-other-sources block-roblib-search-other-sources";
}
@ -18283,7 +18435,7 @@ footer .social-media i {
max-width: 200px;
margin-right: 1rem;
}
.region-header .input-group-field, .region-header .searchtabs input[type=text], .searchtabs .region-header input[type=text] {
.region-header .input-group-field, .region-header #roblib-searchbox-form input[type=text], #roblib-searchbox-form .region-header input[type=text], .region-header .searchtabs input[type=text], .searchtabs .region-header input[type=text] {
width: 100%;
margin-right: 0;
}

2
css/global-style.css.map
View File

File diff suppressed because one or more lines are too long

141
css/sass/components/_search-results.scss
Unescape View File

@ -1,3 +1,4 @@
//@format
/**
* @file
* Stylesheet for results generated by the Search module.
@ -6,12 +7,148 @@
.search-results {
list-style: none;
}
//bento
// bento block styles
%search-pane {
border: 0px;
//box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#block-roblibsearchothersources h3,
.roblib-search-header {
@include flex;
@include flex-align(null, middle);
justify-content: space-between;
border-color: $red;
background: #333;
padding-left: $global-margin;
color: white;
//font-weight: lighter;
//font-family: Verdana, Arial, helvetica, sans-serif;
//border-left-width: 10px;
//remove default margin
border-left: 10px solid #8c2004;
h3 {
margin: 0;
font-size: rem-calc(24);
}
}
#roblib-searchbox-form {
.form-item {
margin: 0;
}
.form-type-textfield {
width: 100%;
}
label {
display: none;
}
.form-wrapper {
@extend .input-group;
}
input[type='text'] {
@extend .input-group-field;
//@include button();
border-radius: $global-radius 0 0 $global-radius;
}
input[type='submit'] {
@extend .input-group-button;
@include button();
@include button-style(
//$background,
$success-color,
//$background-hover,
auto,
//$color
auto
);
border-radius: 0 $global-radius $global-radius 0;
margin: 0;
}
}
#block-roblibsearchothersources,
#block-roblib-2023-roblibsearchedsbooksblock,
#block-roblib-2023-roblibsearchedsarticlesblock,
#block-roblib-2023-roblibsearchsolrsiteblock,
#block-roblibsearchsolrbestbetblock {
@extend %search-pane;
}
.solr-site-results {
white-space: normal;
word-wrap: normal;
line-height: 1.6em;
}
.view-library-site-search article {
border-bottom: 1px solid #ccc;
/* margin: 0 0 1em 0; */
padding: 1em 0;
.node__links {
a {
@include button-hollow;
}
}
}
.roblib-search-row {
border-bottom: 1px #cecfcc dotted;
padding-left: 5px;
padding: calc($global-padding/2);
//display:flex;
transition: all 0.3s ease;
&:hover {
background: darken($white, 10%);
}
.roblib-solr-teaser {
font-family: 'Roboto Condensed', sans-serif;
text-overflow: ellipsis;
min-width: 0;
}
}
.roblib-eds-more-button,
.roblib-solr-more-button {
margin: 0;
padding: 0;
border: none;
width: 100%;
a {
margin: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
font-family: 'Roboto Condensed', sans-serif;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 4px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 0.9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #8c2004;
color: #fefefe;
background-color: #517e1b;
color: #fefefe;
display: block;
width: 100%;
margin-right: 0;
margin-left: 0;
margin: 0;
border-radius: 0;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
padding: 8px;
}
}
.roblib-search-row {
}
// bento layout
.path-roblib-search .region-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto auto auto auto auto;
gap: 1em 1em;
gap: 2em 2em;
grid-auto-flow: row;
grid-template-areas:
'block-page-title-block block-page-title-block'

Write Preview
Loading…
Cancel
Save