Drawwell/SandpointsEditPage
Drawwell/SandpointsEditPage
3
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

playing with styling.. uf

Browse source
This commit is contained in:
Marcell Mars 2021-04-24 10:56:34 +02:00
parent db43fba643
commit 82857a4683
2 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
public/global.css
View file

@ -81,6 +81,12 @@ input, button, textarea, .selecttier {
grid-column: 2/3; grid-column: 2/3;
} }
input:disabled {
color: black;
background-color: white;
}
textarea { textarea {
height: 10rem; height: 10rem;
} }
@ -90,14 +96,20 @@ textarea {
border: 0px; border: 0px;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
width: 50%;
cursor: pointer; cursor: pointer;
font-weight: bold;
} }
.tierline { .tierline {
display: flex; display: flex;
} }
.buttons { .tiertitle {
margin-left: auto; font-style: italic;
}
.buttons {
display: flex;
margin-left: auto;
padding-left: 0.2rem;
} }

2
src/SpHasTiers.svelte
View file

@ -25,7 +25,7 @@
{#each tiers as tier, i (tier.file)} {#each tiers as tier, i (tier.file)}
<div class="tierline"> <div class="tierline">
<div class="filetitle"> <div class="filetitle">
<input type="text" name="has_{hastiers}[]" class="hasinput" value="{tier.file}"><span class="tiertitle">({tier.title})</span> <input type="text" name="has_{hastiers}[]" class="hasinput" value="{tier.file}" disabled><span class="tiertitle">({tier.title})</span>
</div> </div>
<div class="buttons"> <div class="buttons">
<button type="button" class="buttondown" on:click="{swapTier(tier, 1)}" disabled={i+1 == tiers.length ? true:false}>⇓</button> <button type="button" class="buttondown" on:click="{swapTier(tier, 1)}" disabled={i+1 == tiers.length ? true:false}>⇓</button>