Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor clean up

Browse Source
This commit is contained in:
Scott Idem
2025-05-13 17:18:40 -04:00
parent 5232c88a45
commit 24e1190874
1 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/lib/e_app_access_type.svelte
View File

@@ -269,7 +269,7 @@ function handle_clear_access() {
<section <section
id="xAE-Quick-Access-Type" id="AE-Quick-Access-Type"
class=" class="
ae_access_type ae_access_type
hidden-print hidden-print
@@ -511,21 +511,22 @@ function handle_clear_access() {
<style lang="scss"> <style lang="scss">
/* BEGIN: AE's Svelte Quick Access Type component */ /* BEGIN: AE's Svelte Quick Access Type component */
#AE-Quick-Access-Type { /*
/* position: absolute; */ #xxx-AE-Quick-Access-Type {
// position: absolute;
position: fixed; position: fixed;
/* position: relative; */ // position: relative;
/* position: static; */ // position: static;
/* position: sticky; */ // position: sticky;
/* top: 1em; */ // top: 1em;
bottom: 1.5rem; bottom: 1.5rem;
right: 0rem; right: 0rem;
padding: .5rem; padding: .5rem;
/* lightyellow */ // lightyellow
/* background-color: hsla(60,100%,90%,.30); */ // background-color: hsla(60,100%,90%,.30);
/* background-color: rgba(var(--color-surface-500) / .5); */ // background-color: rgba(var(--color-surface-500) / .5);
border-top: solid thin hsla(0,0%,0%,.25); border-top: solid thin hsla(0,0%,0%,.25);
border-left: solid thin hsla(0,0%,0%,.25); border-left: solid thin hsla(0,0%,0%,.25);
@@ -534,23 +535,22 @@ function handle_clear_access() {
border-bottom-left-radius: .5em; border-bottom-left-radius: .5em;
opacity: .15; opacity: .15;
/* opacity: 1; */ // opacity: 1;
font-size: .75rem; font-size: .75rem;
z-index: 5; z-index: 5;
/* NOTE: transition when no longer hovering */ // NOTE: transition when no longer hovering
transition-property: opacity, background-color; transition-property: opacity, background-color;
transition-delay: 1.25s; transition-delay: 1.25s;
transition-duration: .75s; transition-duration: .75s;
transition-timing-function: ease-out; transition-timing-function: ease-out;
} }
*/
#AE-Quick-Access-Type:hover { /*
/* lightyellow */ #xxx-AE-Quick-Access-Type:hover {
/* background-color: hsla(60,100%,90%,.95); */
/* background-color: rgba(var(--color-surface-500) / 1); */
border-top: solid thin hsla(0,0%,0%,.95); border-top: solid thin hsla(0,0%,0%,.95);
border-left: solid thin hsla(0,0%,0%,.95); border-left: solid thin hsla(0,0%,0%,.95);
@@ -558,12 +558,13 @@ function handle_clear_access() {
opacity: 1; opacity: 1;
/* NOTE: transition when hover starts */ // NOTE: transition when hover starts
transition-property: opacity, background-color; transition-property: opacity, background-color;
transition-delay: .5s; transition-delay: .5s;
transition-duration: .25s; transition-duration: .25s;
transition-timing-function: ease-in; transition-timing-function: ease-in;
} }
*/
/* #Access-Type .unlock_text { /* #Access-Type .unlock_text {
transition: width 2s, height 2s, background-color 2s, transform 2s; transition: width 2s, height 2s, background-color 2s, transform 2s;