zaphar/dynamicbible
1
0
Fork 0
mirror of https://gitlab.com/walljm/dynamicbible.git synced 2025-07-25 08:19:50 -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

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

@ -1,4 +1,3 @@
ion-app.ios [padding] .scroll-content { ion-app.ios [padding] .scroll-content {
padding: 6px; padding: 6px;
} }
@ -11,9 +10,10 @@ ion-app.ios [padding] .scroll-content {
overflow: inherit; overflow: inherit;
} }
.toolbar-content { .toolbar-content {
margin-right: .5em; margin-right: 0.5em;
} }
ion-header, ion-list-header { ion-header,
ion-list-header {
font-family: $heading; font-family: $heading;
} }
@ -29,7 +29,7 @@ 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 {
@ -60,27 +60,36 @@ body {
} }
.card { .card {
h2 { // chapter heading h2 {
// chapter heading
font-size: 2rem; font-size: 2rem;
font-family: $chapterHeadingFontFamily; font-family: $chapterHeadingFontFamily;
} }
h3 { // paragraph heading h3 {
// paragraph heading
font-size: 1.6rem; font-size: 1.6rem;
font-family: $paragraphHeadingFontFamily; font-family: $paragraphHeadingFontFamily;
} }
max-width: 800px; max-width: 800px;
margin: 12px auto; margin: 12px auto;
ion-item {
.label {
span {
white-space: normal;
}
}
}
} }
.item.item-block .item-inner { .item.item-block .item-inner {
padding: 0px; padding: 0px;
} }
.item ion-icon[item-left]+.item-inner { .item ion-icon[item-left] + .item-inner {
margin-left: 6px; margin-left: 6px;
} }
#actions ion-label #actions ion-label {
{ font-size: 0.9em;
font-size: .9em;
} }