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

tweak what happens when a long passage title interferes with the close button

Browse Source
This commit is contained in:
Jason Wall 2021-03-03 13:42:16 -05:00
parent bef7e4d199
commit 298a54e8e8
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/src/styles/app.scss
View File

@ -48,14 +48,15 @@ body {
padding: 1rem; padding: 1rem;
border-top-left-radius: var(--card-border-radius); border-top-left-radius: var(--card-border-radius);
border-top-right-radius: var(--card-border-radius); border-top-right-radius: var(--card-border-radius);
padding-right: 3.2rem;
> mat-icon { > mat-icon {
font-size: 1.8rem; font-size: 1.8rem;
} }
span { span {
line-height: 110%; // line-height: 110%;
vertical-align: top; vertical-align: text-top;
padding-left: 1rem; padding-left: 1rem;
} }
} }
@ -69,8 +70,9 @@ body {
} }
.card-close-button { .card-close-button {
float: right; position: absolute !important;
margin-right: 0.8rem !important; right: 1.5rem;
top: 0.5rem;
mat-icon { mat-icon {
font-size: 2.3rem; font-size: 2.3rem;
line-height: 2rem !important; line-height: 2rem !important;
@ -164,9 +166,6 @@ a {
box-shadow: none !important; box-shadow: none !important;
border: 1px solid #eee; border: 1px solid #eee;
} }
.mat-button-focus-overlay {
background-color: transparent !important;
}
.full-width { .full-width {
width: 100%; width: 100%;
@ -175,3 +174,12 @@ a {
p { p {
font-size: var(--card-font-size); font-size: var(--card-font-size);
} }
// overrides
.mat-button-focus-overlay {
background-color: transparent !important;
}
.mat-icon-button {
line-height: inherit !important;
}