Text and icon from fixed sized to scaleable sizes. Thanks to xet7.

This commit is contained in:
Lauri Ojansivu 2025-10-09 02:06:16 +03:00
parent 2f5670e830
commit 9737884c4b
18 changed files with 315 additions and 315 deletions

View file

@ -1,27 +1,27 @@
.my-cards-board-wrapper {
border-radius: 0 0 4px 4px;
min-width: 400px;
margin-bottom: 2rem;
border-radius: 0 0 0.5vw 0.5vw;
min-width: min(400px, 52vw);
margin-bottom: 2.5vh;
margin-right: auto;
margin-left: auto;
border-width: 2px;
border-width: 0.3vw;
border-style: solid;
border-color: #a2a2a2;
}
.my-cards-board-title {
font-size: 1.4rem;
font-size: clamp(1.2rem, 3vw, 1.6rem);
font-weight: bold;
padding: 0.5rem;
padding: 0.7vh 0.7vw;
background-color: #808080;
color: #fff;
}
.my-cards-swimlane-title {
font-size: 1.1rem;
font-size: clamp(1rem, 2.5vw, 1.3rem);
font-weight: bold;
padding: 0.5rem;
padding-bottom: 0.4rem;
padding: 0.7vh 0.7vw;
padding-bottom: 0.5vh;
margin-top: 0;
margin-bottom: 0.5rem;
margin-bottom: 0.7vh;
text-align: center;
}
.swimlane-default-color {
@ -29,23 +29,23 @@
}
.my-cards-list-title {
font-weight: bold;
font-size: 1.1rem;
font-size: clamp(1rem, 2.5vw, 1.3rem);
text-align: center;
margin-bottom: 0.7rem;
margin-bottom: 0.9vh;
}
.my-cards-list-wrapper {
margin: 1rem;
border-radius: 5px;
margin: 1.3vh 1.3vw;
border-radius: 0.7vw;
display: inline-grid;
min-width: 250px;
max-width: 350px;
min-width: min(250px, 32vw);
max-width: min(350px, 45vw);
}
.my-cards-card-wrapper {
margin-top: 0;
margin-bottom: 10px;
margin-bottom: 1.3vh;
}
.my-cards-dueat-list-wrapper {
max-width: 500px;
max-width: min(500px, 65vw);
margin-right: auto;
margin-left: auto;
}