asonix/hyaenidae
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Toolkit: - Fix indicator sizing

Browse source 
- Set max thumbnail width
- Increase thumbnail spacing
This commit is contained in:
asonix 2021-01-24 19:59:33 -06:00
parent 074e326562
commit b1d2664c84
2 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
toolkit/scss/toolkit.scss
View file

@ -52,7 +52,7 @@ img {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-around; justify-content: space-around;
padding: 4px; padding: 6px;
img { img {
max-height: 150px; max-height: 150px;
@ -60,7 +60,8 @@ img {
.toolkit-thumbnail { .toolkit-thumbnail {
flex: 1 1 auto; flex: 1 1 auto;
padding: 4px; padding: 6px;
max-width: min(100%, 450px);
} }
.toolkit-thumbnail--content { .toolkit-thumbnail--content {
@ -72,6 +73,7 @@ img {
border-radius: 3px; border-radius: 3px;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
height: 100%;
} }
.toolkit-thumbnail--image { .toolkit-thumbnail--image {
@ -101,7 +103,7 @@ img {
} }
} }
.toolkit-thumbnail--border { .toolkit-thumbnail--border {
padding: 0 8px; padding: 0 12px;
color: $dark; color: $dark;
background-color: $light-background; background-color: $light-background;
@ -485,7 +487,7 @@ img {
position: relative; position: relative;
} }
&__small .toolkit-tile--indicator { &__small .toolkit-indicator {
height: 26px; height: 26px;
width: 26px; width: 26px;
border-radius: 13px; border-radius: 13px;
@ -498,6 +500,7 @@ img {
img { img {
object-fit: cover; object-fit: cover;
width: 100%;
} }
.toolkit-link { .toolkit-link {

4
toolkit/src/button.rs
View file

@ -59,8 +59,8 @@ impl Button {
self self
} }
pub fn classes(mut self, classes: &[&str]) -> Self { pub fn class(mut self, class: &str) -> Self {
self.classes = classes.into_iter().map(|s| s.to_string()).collect(); self.classes.push(class.to_owned());
self self
} }