v.1.80, sheet tabs float at top
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -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">
|
||||
|
||||
<!-- --------------------------------------------------------------------------------- -->
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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">
|
||||
|
||||
<!-- --------------------------------------------------------------------------------- -->
|
||||
|
||||
Reference in New Issue
Block a user