webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-31 15:24:31 +03:00
Code Activity

Improved login, Fixed breadcrumbs & improved grid thumbnails

Browse Source
This commit is contained in:
Dan Brown
2019-03-16 16:00:41 +00:00
parent 5f2d226f09
commit 837d2bc582
10 changed files with 45 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
resources/assets/sass/_buttons.scss
View File

@ -58,9 +58,6 @@ $button-border-radius: 2px;
&.muted {
@include generate-button-colors(#EEE, #AAA);
}
&.muted-light {
@include generate-button-colors(#666, #e4e4e4);
}
}
.button + .button {

2
resources/assets/sass/_forms.scss
View File

@ -197,7 +197,7 @@ input[type=date] {
}
}
.setting-list-label {
color: #444;
color: #222;
font-size: 1rem;
}
.setting-list-label + p.small {

11
resources/assets/sass/_grid.scss
View File

@ -257,7 +257,7 @@ div[class^="col-"] img {
margin: 0 0 10px;
}
p {
font-size: .85em;
font-size: .7rem;
margin: 0;
line-height: 1.6em;
}
@ -293,6 +293,9 @@ div[class^="col-"] img {
.grid.half, .grid.left-focus, .grid.right-focus {
grid-template-columns: 1fr;
}
.grid.half.collapse-xs {
grid-template-columns: 1fr 1fr;
}
.grid.large-gap {
grid-column-gap: $-m;
grid-row-gap: $-m;
@ -311,6 +314,12 @@ div[class^="col-"] img {
}
}
@include smaller-than($xs) {
.grid.half.collapse-xs {
grid-template-columns: 1fr;
}
}
.float {
float: left;
&.right {

20
resources/assets/sass/_lists.scss
View File

@ -462,6 +462,10 @@ ul.pagination {
.featured-image-container {
position: relative;
overflow: hidden;
min-height: 140px;
background-size: cover;
background-position: 50% 50%;
transition: opacity ease-in-out 240ms;
a {
display: block;
}
@ -470,11 +474,21 @@ ul.pagination {
width: 100%;
max-width: 100%;
height: auto;
transition: all .5s ease-in-out;
}
}
.grid-card:hover .featured-image-container img {
transform: scale(1.15);
.featured-image-container-wrap {
position: relative;
.svg-icon {
color: #FFF;
fill: #FFF;
font-size: 2rem;
margin-right: 0;
position: absolute;
bottom: 10px;
left: 6px;
}
}
.grid-card:hover .featured-image-container {
opacity: .5;
}