diff --git a/Heart-the-City-Beneath-mk2/Heart.css b/Heart-the-City-Beneath-mk2/Heart.css index 87c1038351..98ce2ffba6 100644 --- a/Heart-the-City-Beneath-mk2/Heart.css +++ b/Heart-the-City-Beneath-mk2/Heart.css @@ -17,13 +17,14 @@ display: grid; grid-template-areas: "top stress" - "beats abilities-fallout" - "equipment abilities-fallout" - "resources abilities-fallout" - "skills-domains abilities-fallout" + "beats abilities" + "equipment abilities" + "resources abilities" + "skills-domains abilities" + "fallout abilities" "notes notes"; grid-template-columns: 1fr 1fr; - grid-template-rows: repeat(4,auto) 1fr auto; + grid-template-rows: repeat(5,auto) 1fr auto; grid-gap: var(--large-gap) calc(2 * var(--large-gap)); align-items: start; align-content: start; @@ -102,7 +103,6 @@ input[type="checkbox"] + span { display: flex; border: 1px solid black; background: transparent; - margin-right: 4px; width: 16px; height: 16px; align-items: center; @@ -247,6 +247,29 @@ input[type="text"].sheet-redtext { text-align: inherit; } +/* Broadcast buttons */ + +button[type=roll].btn.sheet-broadcast-button { + font-family: pictos; + position: absolute; + border: none; + outline: none; + margin: 0; + padding: 0; + z-index: 3; + font-size: 12px; + line-height: 14px; + height: 14px; + width: 14px; + color: #777; + right: 3px; + bottom: 7px; +} + +button[type=roll].sheet-broadcast-button::before { + display: none; +} + /* Common grid formatting */ .sheet-grid-tiny { display: grid; @@ -334,6 +357,9 @@ input[type="text"].sheet-redtext { font-weight: bold; align-self: stretch; } +.sheet-rollbutton input[type="checkbox"] + span { + margin-right: 4px; +} .sheet-rollbutton .sheet-small-text { grid-area: text; } @@ -362,7 +388,15 @@ label.sheet-extradice input[type="number"] { grid-area: beats; } .sheet-beats .sheet-reprow { - grid-template-columns: 1fr 80px; + grid-template-columns: auto 1fr 80px; + align-items: flex-start; +} +.sheet-beats label { + height: 24px; +} +.sheet-beats .sheet-auto-expand { + padding: var(--def-padding); + min-height: 24px; } /* Equipment and resources */ @@ -394,6 +428,9 @@ label.sheet-extradice input[type="number"] { grid-template-columns: 1fr 1fr; align-items: start; } +.sheet-skills-domains input[type="checkbox"] + span { + margin-right: 4px;; +} .sheet-skills, .sheet-domains { grid-template-columns: 85px 1fr; @@ -419,18 +456,22 @@ label.sheet-extradice input[type="number"] { } /* Abilities, Fallout */ -.sheet-abilities-fallout { - grid-area: abilities-fallout; -} -.sheet-abilities-fallout h3 { +.sheet-abilities h3, +.sheet-fallout h3 { display: flex; } +.sheet-abilities { + grid-area: abilities; +} .sheet-abilities .sheet-reprow { - grid-template-columns: 1fr 80px; + grid-template-columns: 1fr 80px auto; border-bottom: 2px solid var(--red-color); } .sheet-abilities .sheet-auto-expand { - grid-column: span 2; + grid-column: span 3; +} +.sheet-fallout { + grid-area: fallout; } .sheet-fallout .sheet-reprow { grid-template-columns: 1fr 90px 90px; @@ -493,6 +534,7 @@ label.sheet-extradice input[type="number"] { .sheet-rolltemplate-heart .sheet-name { font-size: 1.1em; letter-spacing: 0.5px; + grid-area: name; } .sheet-rolltemplate-heart .sheet-roll { grid-area: roll; diff --git a/Heart-the-City-Beneath-mk2/Heart.html b/Heart-the-City-Beneath-mk2/Heart.html index b182db1893..0bb7c2f238 100644 --- a/Heart-the-City-Beneath-mk2/Heart.html +++ b/Heart-the-City-Beneath-mk2/Heart.html @@ -5,79 +5,79 @@ src="https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Heart-the-City-Beneath-mk2/Heart-logo-transparent.png" alt="Heart: The City Beneath logo" />