Merge pull request #189 from LightSaveUs/UI2

Small Visual Improvements
This commit is contained in:
ebolam
2022-10-07 20:36:34 -04:00
committed by GitHub
6 changed files with 12 additions and 49 deletions

View File

@@ -454,6 +454,7 @@ border-top-right-radius: var(--tabs_rounding);
.story_title_area {
padding-top: 3px;
position: relative;
}
@@ -938,6 +939,10 @@ td.server_vars {
text-align: center;
}
#authors_notes_template {
margin-bottom: 3px;
}
.WI_Folder_Header {
margin-left: 10px;
display: grid;
@@ -1041,6 +1046,7 @@ td.server_vars {
.world_info_delete {
grid-area: delete;
cursor: pointer;
margin: 2px 0px 0px 4px;
}
.world_info_tag_area {
@@ -1055,7 +1061,7 @@ td.server_vars {
.world_info_text {
width: auto;
margin: 0 2px 0 2px;
margin: 0 0px 0px;
border-radius: var(--radius_wi_card);
background-color: var(--wi_card_bg_color);
color: var(--wi_card_text_color);
@@ -1196,7 +1202,7 @@ body {
.gametext {
margin-top: auto;
padding: 0px 5px 10px 10px;
padding: 10px 12px 10px 12px;
vertical-align: bottom;
overflow-y: scroll;
outline: none;
@@ -1951,6 +1957,7 @@ body {
top: 3px;
right: 2px;
cursor: pointer;
transform: translateY(-3px) translateX(-2px)
}
#finder-scratchpad {
@@ -2321,6 +2328,7 @@ button.disabled {
.fullwidth {
width: 100%;
padding: 5px 7px 5px 7px;
}
.rawtext {
@@ -2462,6 +2470,7 @@ h2 .material-icons-outlined {
.collapsable_header {
cursor: pointer;
transform: translateY(7px) translateX(4px);
}
.material-icons-outlined,

View File

@@ -32,7 +32,7 @@
<label for="authors_notes_template">Template:</label><br/>
<input autocomplete="off" id=authors_notes_template type=text class="var_sync_story_authornotetemplate fullwidth" onchange='sync_to_server(this);'><br/>
<label for="authors_notes">Author's Notes:</label><br/>
<textarea autocomplete="off" rows=17 id="authors_notes" class="var_sync_story_authornote var_sync_alt_story_authornote_length fullwidth" oninput="autoResize(this)" onchange='sync_to_server(this);'></textarea><br/>
<textarea autocomplete="off" rows=16 id="authors_notes" class="var_sync_story_authornote var_sync_alt_story_authornote_length fullwidth" oninput="autoResize(this)" onchange='sync_to_server(this);'></textarea><br/>
<div class="setting_tile_area">
{% with menu='author_notes' %}
{% with sub_path='' %}

View File

@@ -264,10 +264,6 @@
/* Icons */
.collapsable_header .material-icons-outlined {
transform: translateY(7px) translateX(4px)!important;
}
span.material-icons-outlined.cursor.search_icon {
filter: brightness(120%) !important;
}
@@ -304,12 +300,6 @@ a {
border-color: #535353 !important;
}
/* Padding */
.story_title_area {
padding-top: 3px;
}
/* Palette */
#palette_area {
@@ -377,7 +367,6 @@ a {
/* World Info */
.world_info_text {
margin: 0 0px 0px !important;
border-color: #242424 !important;
background-color: #3b3b3b !important;
}

View File

@@ -288,10 +288,6 @@ span.helpicon.material-icons-outlined:hover {
transform: scale(1) !important;
}
.collapsable_header .material-icons-outlined {
transform: translateY(7px) translateX(4px)!important;
}
/* Import */
a {
@@ -315,12 +311,6 @@ a {
border-color: #334552 !important;
}
/* Padding */
.story_title_area {
padding-top: 3px;
}
/* Palette */
#palette_area {
@@ -392,7 +382,6 @@ a {
}
.world_info_text {
margin: 0 0px 0px !important;
filter: brightness(100%) !important;
background-color: #1d2831 !important;
}

View File

@@ -259,12 +259,6 @@
background-color: #212122 !important;
}
/* Icons */
.collapsable_header .material-icons-outlined {
transform: translateY(7px) translateX(4px)!important;
}
/* Import */
a {
@@ -288,12 +282,6 @@ a {
border-color: #12324f !important;
}
/* Padding */
.story_title_area {
padding-top: 3px;
}
/* Palette */
#palette_area {
@@ -376,7 +364,6 @@ div#settings_footer.settings_footer {
}
.world_info_text {
margin: 0 0px 0px !important;
border-color: #999999!important;
filter: brightness(100%) !important;
background-color: #404040 !important;

View File

@@ -293,10 +293,6 @@ span.material-icons-outlined.cursor.search_icon {
color: #464646e0 !important;
}
.collapsable_header .material-icons-outlined {
transform: translateY(7px) translateX(4px)!important;
}
.pinned .menu_pin, .pinned .story_menu_pin {
color: #464646 !important;
filter: brightness(100%) !important;
@@ -334,12 +330,6 @@ select#wpp_format_0.settings_select {
background-color: #f8f4f4 !important;
}
/* Padding */
.story_title_area {
padding-top: 3px;
}
/* Palette */
#palette_area {
@@ -407,7 +397,6 @@ select#wpp_format_0.settings_select {
.world_info_text {
color: #222224 !important;
margin: 0 0px 0px !important;
border-color: #acacac !important;
filter: brightness(100%) !important;
background-color: #eeeeee !important;