Document view settings
@@ -392,6 +422,7 @@
-
+
@@ -604,6 +635,8 @@ export default class ProgramSettings extends DialogBase {
compactDocumentCount: false,
invertCategoryPosition: false,
hideWelcomeScreenSocials: false,
+ hideTooltipsStart: false,
+ hideTooltipsProject: false,
userKeybindList: []
}
@@ -903,6 +936,10 @@ export default class ProgramSettings extends DialogBase {
width: 550px;
padding: 40px;
+ .q-field--filled .q-field__control {
+ background-color: transparent;
+ }
+
.q-field__label {
text-align: center;
margin-top: 7px;
@@ -933,6 +970,10 @@ export default class ProgramSettings extends DialogBase {
height: calc(100vh - 340px);
margin-top: -25px;
+ .q-field__control {
+ background-color: transparent;
+ }
+
.q-table__control,
.q-table__control label {
width: 200px;
diff --git a/src/components/dialogs/TipsTricksTrivia.vue b/src/components/dialogs/TipsTricksTrivia.vue
new file mode 100644
index 0000000..5aaa9f0
--- /dev/null
+++ b/src/components/dialogs/TipsTricksTrivia.vue
@@ -0,0 +1,89 @@
+
+
+
+
+
+
+
+
+ Tips, Tricks & Trivia
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/css/app.scss b/src/css/app.scss
index 6b60380..6a18b2d 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -33,7 +33,7 @@ html {
}
body {
- background-color: rgba($primary, 0.025);
+ background-color: rgba($primary, 0.001);
overflow-y: scroll;
color: darken($dark, 12.5);
@@ -103,6 +103,18 @@ body {
padding-bottom: 15px;
}
+.q-notification__caption {
+ opacity: 1;
+}
+
+.q-notification.bg-info {
+ max-width: 500px;
+
+ .q-notification__message > div:not(.q-notification__caption) {
+ color: var(--q-color-primary);
+ }
+}
+
.fieldWysiwyg,
.q-editor__content,
.fieldWysiwygTitle,
diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 22ef915..314e8d7 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -20,7 +20,7 @@ $dark : #18303a;
$positive : #35a14e;
$negative : #c10015;
-$info : #31ccec;
+$info : #6f43b1;
$warning : #f2c037;
$customColors: (
@@ -30,9 +30,9 @@ $customColors: (
'gunmetal-bright': lighten(#18303a, 50),
'gunmetal-shine': lighten(#18303a, 60),
'ruby-red': #f75746,
- 'satin-sheen-gold': #d7ac47,
- 'satin-sheen-gold-dark': darken(#d7ac47, 12.5),
- 'satin-sheen-gold-light': lighten(#d7ac47, 7.5),
+ 'satin-sheen-gold': #e8bb50,
+ 'satin-sheen-gold-dark': darken(#e8bb50, 12.5),
+ 'satin-sheen-gold-light': lighten(#e8bb50, 7.5),
'gainsboro': #dde4e4,
'cultured': #f5f5f5
);
diff --git a/src/documents/changeLog.md b/src/documents/changeLog.md
index 797e988..1f93b07 100644
--- a/src/documents/changeLog.md
+++ b/src/documents/changeLog.md
@@ -27,6 +27,7 @@
### New features
- Added a custom keybind support to the app
+- Added Tips, Tricks & Trivia popup, a menu item, buttons and project screen box
- Added a resizeable hierarchical tree for all your categorical needs
- The app also remembers the tree-size on restart so your preferred width gets transferred between your world-building sessions
- Added dark mode
@@ -42,6 +43,8 @@
- Added option: Accessibility - Text shadow
- Added option: Accessibility - Pronounced count divider
- Added option: Hide Welcome screen social links
+ - Added option: Hide tips popup on start screen
+ - Added option: Hide tips on project screen
- Added option: Disable document control bar
- Added option: Disable document guides
- Added option: Disable document tooltips
diff --git a/src/pages/ProjectScreen.vue b/src/pages/ProjectScreen.vue
index 0d9500c..2d2e23b 100644
--- a/src/pages/ProjectScreen.vue
+++ b/src/pages/ProjectScreen.vue
@@ -13,6 +13,14 @@
{{projectName}}
+
+
+ Did you know?
+
+
+ {{tipTrickMessage}}
+
+
-