Browse Source

css work

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
module/document
Stephan Richter 3 weeks ago
parent
commit
8b009cdfd7
  1. 17
      frontend/src/routes/stock/Index.svelte
  2. 21
      web/src/main/resources/web/css/bloodshed.css
  3. 11
      web/src/main/resources/web/css/default.css
  4. 21
      web/src/main/resources/web/css/winter.css

17
frontend/src/routes/stock/Index.svelte

@ -66,20 +66,7 @@
</script> </script>
<style> <style>
.grid3 {
display: grid;
grid-template-columns: [left] 1fr [first] 1fr [second] 1fr [right]
}
.locations {
grid-row-end: span 3;
}
.notes, .tags{
grid-column-end: span 2;
}
.json {
grid-column-end: span 3;
}
</style> </style>
<h2>{t('Stock')}</h2> <h2>{t('Stock')}</h2>
@ -115,10 +102,6 @@
<span>{t('notes')}</span> <span>{t('notes')}</span>
<Notes module="stock" entity_id={item.id} /> <Notes module="stock" entity_id={item.id} />
</div> </div>
<pre class="json">
{JSON.stringify(data.users,null,2)}
</pre>
{/if} {/if}
{/await} {/await}
</div> </div>

21
web/src/main/resources/web/css/bloodshed.css

@ -377,6 +377,18 @@ a.wikilink{
padding-right: 5px; padding-right: 5px;
} }
.grid3 {
display: grid;
grid-template-columns: [left] 1fr [first] 1fr [second] 1fr [right]
}
.grid3 .locations {
grid-row-end: span 3;
}
.grid3 .notes, .tags{
grid-column-end: span 2;
}
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.grid2{ .grid2{
display: grid; display: grid;
@ -424,3 +436,12 @@ fieldset.vcard{
.vcard td button.symbol{ .vcard td button.symbol{
float: right; float: right;
} }
.cloud .tag{
border: 1px solid;
border-radius: 4px;
padding: 2px;
margin: 0 6px;
white-space: nowrap;
display: inline flow-root;
}

11
web/src/main/resources/web/css/default.css

@ -378,8 +378,15 @@ a.wikilink{
} }
.grid3 { .grid3 {
display: flex; display: grid;
flex-flow: wrap; grid-template-columns: [left] 1fr [first] 1fr [second] 1fr [right]
}
.grid3 .locations {
grid-row-end: span 3;
}
.grid3 .notes, .tags{
grid-column-end: span 2;
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {

21
web/src/main/resources/web/css/winter.css

@ -377,6 +377,18 @@ a.wikilink{
padding-right: 5px; padding-right: 5px;
} }
.grid3 {
display: grid;
grid-template-columns: [left] 1fr [first] 1fr [second] 1fr [right]
}
.grid3 .locations {
grid-row-end: span 3;
}
.grid3 .notes, .tags{
grid-column-end: span 2;
}
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.grid2{ .grid2{
display: grid; display: grid;
@ -424,3 +436,12 @@ fieldset.vcard{
.vcard td button.symbol{ .vcard td button.symbol{
float: right; float: right;
} }
.cloud .tag{
border: 1px solid;
border-radius: 4px;
padding: 2px;
margin: 0 6px;
white-space: nowrap;
display: inline flow-root;
}
Loading…
Cancel
Save