refactor: minor clean up (#71)

* remove unnecessary leftovers

* add comment
This commit is contained in:
Ayo Ayco 2023-06-30 12:57:25 +02:00 committed by GitHub
parent 8dc528b39c
commit 4cbd95d911
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 13 deletions

View file

@ -61,7 +61,7 @@ const { url } = Astro.props;
width: 100%; width: 100%;
} }
:global(form) { form {
width: 100%; width: 100%;
border: 0px; border: 0px;
padding: 0.5rem; padding: 0.5rem;
@ -72,7 +72,7 @@ const { url } = Astro.props;
box-shadow: 0 1px 3px 1px #eee; box-shadow: 0 1px 3px 1px #eee;
display: flex; display: flex;
:global(input[type="url"]) { input[type="url"] {
flex: 3; flex: 3;
background-color: white; background-color: white;
border-radius: 5px; border-radius: 5px;
@ -81,17 +81,14 @@ const { url } = Astro.props;
color: #555; color: #555;
} }
:global(button#app-home), button{
:global(button#app-back),
:global(button#submit),
:global(button#gh-link) {
border: 0px; border: 0px;
background-color: transparent; background-color: transparent;
padding: 0px; padding: 0px;
cursor: pointer; cursor: pointer;
color: black; color: black;
:global(svg) { svg {
border: 0px; border: 0px;
background-color: transparent; background-color: transparent;
width: 1.5rem; width: 1.5rem;
@ -99,19 +96,18 @@ const { url } = Astro.props;
} }
} }
:global(.left-buttons) { .left-buttons {
margin-right: 0.5rem; margin-right: 0.5rem;
} }
:global(.right-buttons) { .right-buttons {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
:global(button:hover), button:hover {
:global(button.primary-button) {
color: blue !important; color: blue !important;
} }
:global(button[disabled="true"]) { button[disabled="true"] {
color: #ccc !important; color: #ccc !important;
cursor: default !important; cursor: default !important;
} }

View file

@ -109,7 +109,7 @@ const {routerOutlet, skipSave = false} = Astro.props;
<style lang="scss"> <style lang="scss">
#library { #library {
:global(span#heading) { span#heading {
color: #555; color: #555;
font-size: small; font-size: small;
text-transform: uppercase; text-transform: uppercase;
@ -117,6 +117,10 @@ const {routerOutlet, skipSave = false} = Astro.props;
} }
#post-list { #post-list {
/**
`:global` is needed for elements not generated by Astro
- can be improved by CSS in JS, but... this is fine
*/
:global(li) { :global(li) {
list-style: none; list-style: none;
width: calc(100% + 40px); width: calc(100% + 40px);