Skip to content

Commit

Permalink
style fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@ylebre
ylebre committed Nov 26, 2024
1 parent 7afebf4 commit e8fd786
Show file tree
Hide file tree
Showing 7 changed files with 96 additions and 221 deletions.
2 changes: 1 addition & 1 deletion www/api/data/components/1-styling/componentCss/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -224,7 +224,7 @@ header {
background-color: #404040;
border-bottom: 2px solid #2222;
vertical-align: middle;
z-index: 1;
z-index: 200;
}
header h1 {
margin: 0;
Expand Down
4 changes: 2 additions & 2 deletions www/api/data/components/simply-toolbar/componentCss/darkmode.css
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
:root {
--simply-toolbar-background: #404040;
--simply-toolbar-background: #222;
--simply-toolbar-background-secondary: #333;
--simply-toolbar-font-color: #bbb;
--simply-toolbar-font-color: #ddd;
--simply-toolbar-color-primary: #ea5922;
--simply-toolbar-color-secondary: #ddd;
--simply-toolbar-color-support: #444;
Expand Down
10 changes: 9 additions & 1 deletion www/api/data/components/simply-toolbar/componentCss/simply-toolbar.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -61,6 +61,7 @@
list-style: none;
white-space: nowrap;
}

.simply-toolbar-section > ul > li.simply-text-format {
margin-right: 4px;
}
Expand All @@ -72,6 +73,9 @@
min-height: var(--simply-toolbar-base-height);
transform: translate3d(0,0,0);
box-sizing: content-box;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.simply-main-toolbar .simply-buttons {
white-space: nowrap !important;
Expand Down Expand Up @@ -374,4 +378,8 @@ label.simply-subsection {
}
.simply-main-toolbar.simply-collapse li:nth-child(n+2) {
display: none;
}
}
.simply-toolbar button.simply-toolbar-logo {
padding: 0px 5px;
box-sizing: content-box;
}
20 changes: 20 additions & 0 deletions www/api/data/components/simply-toolbar/componentTemplates/simply-main-toolbar.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -105,5 +105,25 @@
</li>
</ul>
</template>
<template data-simply-template="Publish App">
<ul class="simply-buttons">
<li>
<button data-simply-command="simply-about" class="simply-toolbar-logo">
<simply-render rel="logo"></simply-render>
</button>
</li>
<li>
<button data-simply-command="simply-preview">
<i class="fa fa-eye"></i>Preview
</button>
</li>
<li>
<button data-simply-command="saveAppHtml">
<i class="fa fa-check"></i>Publish
</button>
</li>
</ul>
</template>

</div>
</section>
139 changes: 32 additions & 107 deletions www/api/data/generated.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -260,7 +260,7 @@
background-color: #404040;
border-bottom: 2px solid #2222;
vertical-align: middle;
z-index: 1;
z-index: 200;
}
header h1 {
margin: 0;
Expand Down Expand Up @@ -525,9 +525,9 @@
}
/* darkmode */
:root {
--simply-toolbar-background: #404040;
--simply-toolbar-background: #222;
--simply-toolbar-background-secondary: #333;
--simply-toolbar-font-color: #bbb;
--simply-toolbar-font-color: #ddd;
--simply-toolbar-color-primary: #ea5922;
--simply-toolbar-color-secondary: #ddd;
--simply-toolbar-color-support: #444;
Expand Down Expand Up @@ -603,6 +603,7 @@
list-style: none;
white-space: nowrap;
}

.simply-toolbar-section > ul > li.simply-text-format {
margin-right: 4px;
}
Expand All @@ -614,6 +615,9 @@
min-height: var(--simply-toolbar-base-height);
transform: translate3d(0,0,0);
box-sizing: content-box;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.simply-main-toolbar .simply-buttons {
white-space: nowrap !important;
Expand Down Expand Up @@ -917,6 +921,11 @@
.simply-main-toolbar.simply-collapse li:nth-child(n+2) {
display: none;
}
.simply-toolbar button.simply-toolbar-logo {
padding: 0px 5px;
box-sizing: content-box;
}

</style>
<!-- /Component CSS -->
<!-- Page CSS -->
Expand Down Expand Up @@ -3050,35 +3059,7 @@
</template>
</ul>
</div>
<!-- HTML%20structure -->
<div class="simply-toasts">
<ul class="simply-toasts simply-space" data-simply-list="alerts">
<template data-simply-template="error">
<li class="simply-toast simply-toast-error simply-toast-autohide" data-simply-field="state" data-simply-content="attributes" data-simply-attributes="data-state">
<div class="simply-space" data-simply-field="message"></div>
</li>
</template>
<template data-simply-template="warning">
<li class="simply-toast simply-toast-warning simply-toast-autohide" data-simply-field="state" data-simply-content="attributes" data-simply-attributes="data-state">
<div class="simply-space" data-simply-field="message"></div>
</li>
</template>
<template data-simply-template="info">
<li class="simply-toast simply-toast-info simply-toast-autohide" data-simply-field="state" data-simply-content="attributes" data-simply-attributes="data-state">
<div class="simply-space" data-simply-field="message"></div>
</li>
</template>
</ul>
</div>
<!-- Toast styles -->
<style>
.simply-toasts {
position: relative;
z-index: 101;
}
</style>

<!-- Toast%20styles -->
<style>
.simply-toasts {
position: relative;
Expand Down Expand Up @@ -4124,6 +4105,26 @@
</li>
</ul>
</template>
<template data-simply-template="Publish App">
<ul class="simply-buttons">
<li>
<button data-simply-command="simply-about" class="simply-toolbar-logo">
<simply-render rel="logo"></simply-render>
</button>
</li>
<li>
<button data-simply-command="simply-preview">
<i class="fa fa-eye"></i>Preview
</button>
</li>
<li>
<button data-simply-command="saveAppHtml">
<i class="fa fa-check"></i>Publish
</button>
</li>
</ul>
</template>

</div>
</section>
</template>
Expand All @@ -4137,25 +4138,6 @@
<div class="main" data-simply-field="page" data-simply-content="template">
<!-- Page HTML templates -->
<template data-simply-template="Edit base component">
<main>
<div class="simplycode-header">
<h1>Edit base component: <span data-simply-field="component.id"></span></h1>
<div class="simplycode-controls">
<button class="simplycode-button" data-simply-command="saveBaseComponent">Save</button>
<button class="simplycode-button" data-simply-command="deleteBaseComponent">Delete</button>
</div>
</div>
<simply-render rel="componentDescription"></simply-render>
<simply-render rel="componentHeadHtml"></simply-render>
<simply-render rel="componentBodyHtml"></simply-render>
<simply-render rel="componentFootHtml"></simply-render>
<simply-render rel="componentCommands"></simply-render>
<simply-render rel="componentActions"></simply-render>
<simply-render rel="componentRoutes"></simply-render>
<simply-render rel="componentRawApi"></simply-render>
</main>
</template>
<template data-simply-template="Edit%20base%20component">
<main>
<div class="simplycode-header">
<h1>Edit base component: <span data-simply-field="component.id"></span></h1>
Expand Down Expand Up @@ -4200,27 +4182,6 @@ <h1>Add base component</h1>
</main>
</template>
<template data-simply-template="Edit component">
<main>
<div class="simplycode-header">
<h1>Edit component: <span data-simply-field="component.id"></span></h1>
<div class="simplycode-controls">
<button class="simplycode-button" data-simply-command="saveComponent">Save</button>
<button class="simplycode-button" data-simply-command="deleteComponent">Delete</button>
</div>
</div>
<simply-render rel="componentDescription"></simply-render>
<simply-render rel="componentComponentTemplate"></simply-render>
<simply-render rel="componentComponentCss"></simply-render>
<simply-render rel="componentCommands"></simply-render>
<simply-render rel="componentActions"></simply-render>
<simply-render rel="componentDataApi"></simply-render>
<simply-render rel="componentRoutes"></simply-render>
<simply-render rel="componentTransformers"></simply-render>
<simply-render rel="componentDataSources"></simply-render>
<simply-render rel="componentSorters"></simply-render>
</main>
</template>
<template data-simply-template="Edit%20component">
<main>
<div class="simplycode-header">
<h1>Edit component: <span data-simply-field="component.id"></span></h1>
Expand Down Expand Up @@ -4268,27 +4229,6 @@ <h1>Add component</h1>

</template>
<template data-simply-template="Edit page">
<main>
<div class="simplycode-header">
<h1>Edit page: <span data-simply-field="component.id"></span></h1>
<div class="simplycode-controls">
<button class="simplycode-button" data-simply-command="savePage">Save</button>
<button class="simplycode-button" data-simply-command="deletePage">Delete</button>
</div>
</div>
<simply-render rel="componentDescription"></simply-render>
<simply-render rel="componentPageTemplate"></simply-render>
<simply-render rel="componentPageCss"></simply-render>
<simply-render rel="componentCommands"></simply-render>
<simply-render rel="componentActions"></simply-render>
<simply-render rel="componentDataApi"></simply-render>
<simply-render rel="componentRoutes"></simply-render>
<simply-render rel="componentTransformers"></simply-render>
<simply-render rel="componentDataSources"></simply-render>
<simply-render rel="componentSorters"></simply-render>
</main>
</template>
<template data-simply-template="Edit%20page">
<main>
<div class="simplycode-header">
<h1>Edit page: <span data-simply-field="component.id"></span></h1>
Expand All @@ -4306,18 +4246,6 @@ <h1>Edit page: <span data-simply-field="component.id"></span></h1>
</main>
</template>
<template data-simply-template="Edit page frame">
<main>
<div class="simplycode-header">
<h1>Edit page frame</h1>
<div class="simplycode-controls">
<button class="simplycode-button" data-simply-command="savePageFrame">Save</button>
</div>
</div>
<simply-render rel="componentDescription"></simply-render>
<simply-render rel="componentPageFrame"></simply-render>
</main>
</template>
<template data-simply-template="Edit%20page%20frame">
<main>
<div class="simplycode-header">
<h1>Edit page frame</h1>
Expand Down Expand Up @@ -4371,9 +4299,6 @@ <h1>Add page</h1>
<template data-simply-template="Publish App">
<main>
<h1>App preview</h1>
<div class="field">
<button class="simplycode-button" data-simply-command="saveAppHtml">Publish App</button>
</div>
<simply-render rel="fullAppPreview"></simply-render>
</main>
</template>
Expand Down
3 changes: 0 additions & 3 deletions www/api/data/pages/publish/pageTemplates/Publish App.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,4 @@
<main>
<h1>App preview</h1>
<div class="field">
<button class="simplycode-button" data-simply-command="saveAppHtml">Publish App</button>
</div>
<simply-render rel="fullAppPreview"></simply-render>
</main>
Loading

0 comments on commit e8fd786

Please sign in to comment.