zaphar/dynamicbible
1
0
Fork 0
mirror of https://gitlab.com/walljm/dynamicbible.git synced 2025-07-23 15:30:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

make long titles readable

Browse Source
This commit is contained in:
walljm 2020-02-01 15:21:43 -05:00
parent 2f9c9900f4
commit cfe3d4eaea
1 changed files with 95 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

181
DynamicBibleIonic/src/pages/search/search.scss
View File

@ -1,86 +1,95 @@
ion-app.ios [padding] .scroll-content {
ion-app.ios [padding] .scroll-content { padding: 6px;
padding: 6px; }
} .toolbar .searchbar-ios .searchbar-input {
.toolbar .searchbar-ios .searchbar-input { background: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0); }
}
.toolbar {
.toolbar { contain: inherit;
contain: inherit; overflow: inherit;
overflow: inherit; }
} .toolbar-content {
.toolbar-content { margin-right: 0.5em;
margin-right: .5em; }
} ion-header,
ion-header, ion-list-header { ion-list-header {
font-family: $heading; font-family: $heading;
} }
ion-auto-complete ul { ion-auto-complete ul {
top: 4.2em; top: 4.2em;
left: 3.5em; left: 3.5em;
width: fit-content; width: fit-content;
width: -webkit-fill-available; width: -webkit-fill-available;
margin-right: 8.5em; margin-right: 8.5em;
} }
ion-auto-complete { ion-auto-complete {
width: 100%; width: 100%;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-right: .1em; margin-right: 0.1em;
} }
.search-card { .search-card {
p { p {
margin: 1em 0; margin: 1em 0;
font-size: 1em; font-size: 1em;
color: black; color: black;
} }
.button-large { .button-large {
height: 3.6rem !important; height: 3.6rem !important;
} }
.title { .title {
font-size: 1.3em; font-size: 1.3em;
font-family: $cardTitle; font-family: $cardTitle;
} }
a { a {
color: black; color: black;
border-bottom: 1px dotted #b3bfd0; border-bottom: 1px dotted #b3bfd0;
} }
} }
body { body {
-webkit-user-select: auto !important; -webkit-user-select: auto !important;
.scroll { .scroll {
-webkit-user-select: inherit; -webkit-user-select: inherit;
user-select: inherit; user-select: inherit;
} }
} }
.card { .card {
h2 { // chapter heading h2 {
font-size: 2rem; // chapter heading
font-family: $chapterHeadingFontFamily; font-size: 2rem;
} font-family: $chapterHeadingFontFamily;
h3 { // paragraph heading }
font-size: 1.6rem; h3 {
font-family: $paragraphHeadingFontFamily; // paragraph heading
} font-size: 1.6rem;
max-width: 800px; font-family: $paragraphHeadingFontFamily;
margin: 12px auto; }
} max-width: 800px;
margin: 12px auto;
.item.item-block .item-inner {
padding: 0px; ion-item {
} .label {
span {
.item ion-icon[item-left]+.item-inner { white-space: normal;
margin-left: 6px; }
} }
}
#actions ion-label }
{
font-size: .9em; .item.item-block .item-inner {
} padding: 0px;
}
.item ion-icon[item-left] + .item-inner {
margin-left: 6px;
}
#actions ion-label {
font-size: 0.9em;
}