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

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

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