v.1.80, sheet tabs float at top

This commit is contained in:
Andreas Johansson
2021-06-03 17:25:29 +03:00
parent f9084dfae2
commit 45437d5960
4 changed files with 24 additions and 20 deletions
+11 -8
View File
@@ -184,14 +184,6 @@
#SECTIONS
\*-----------------------------------------------------------------*/
.version {
float: left;
margin-top: -114px;
width: 240px;
margin-left: 550px;
display: flex;
flex-flow: row nowrap;
}
/* --------- General Section Styling ------------- */
@@ -356,10 +348,21 @@
div.tab-buttons{
display: flex;
gap: 10px;
z-index: 10;
position: sticky;
top: 40px;
border: 3px solid black;
border-radius: 5px;
background-color: hsla(0, 0%, 85%, 1);
width: 834px;
button{
font-size: 1.5em;
}
.version {
display: flex;
flex-flow: row nowrap;
}
}
+1 -2
View File
@@ -4,11 +4,10 @@
<button class="pc" type="action" name="act_background" >Background</button>
<button class="npc" type="action" name="act_npc" >NPC</button>
<button type="action" name="act_settings" >Settings</button>
<span class="version bold">Sheet Version: <span name="attr_version"></span> </span>
</div>
<span class="version bold">Sheet Version: <span name="attr_version"></span> </span>
<input type="hidden" class="tabstoggle" name="attr_sheetTab" value="character">
<!-- --------------------------------------------------------------------------------- -->
+11 -8
View File
@@ -173,14 +173,6 @@
border-radius: 10px;
background-position: 0 -28px;
}
.charsheet .version {
float: left;
margin-top: -114px;
width: 240px;
margin-left: 550px;
display: flex;
flex-flow: row nowrap;
}
.charsheet .section,
.charsheet section {
display: flex;
@@ -319,10 +311,21 @@
.charsheet div.tab-buttons {
display: flex;
gap: 10px;
z-index: 10;
position: sticky;
top: 40px;
border: 3px solid black;
border-radius: 5px;
background-color: #d9d9d9;
width: 834px;
}
.charsheet div.tab-buttons button {
font-size: 1.5em;
}
.charsheet div.tab-buttons .version {
display: flex;
flex-flow: row nowrap;
}
.charsheet section.name {
grid-area: name;
padding: 5px 0px 0px 0px;
+1 -2
View File
@@ -5,11 +5,10 @@
<button class="pc" type="action" name="act_background" >Background</button>
<button class="npc" type="action" name="act_npc" >NPC</button>
<button type="action" name="act_settings" >Settings</button>
<span class="version bold">Sheet Version: <span name="attr_version"></span> </span>
</div>
<span class="version bold">Sheet Version: <span name="attr_version"></span> </span>
<input type="hidden" class="tabstoggle" name="attr_sheetTab" value="character">
<!-- --------------------------------------------------------------------------------- -->