From a04cf365ba2f9024c40d2ea6b7e573d531f5fdf7 Mon Sep 17 00:00:00 2001 From: Rob O'Leary <3703647+robole@users.noreply.github.com> Date: Thu, 23 Nov 2023 12:12:07 +0300 Subject: [PATCH] v1.8.0 - Changed font styling for loading state in webview. --- CHANGELOG.md | 8 +++++++- package.json | 2 +- src/view/styles.css | 23 +---------------------- 3 files changed, 9 insertions(+), 24 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 26a3423..96ac07b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,11 +5,17 @@ All notable changes to this project are documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). +## [1.8.0] - 2023-11-21 + +### Changed + +- Changed font styling for loading state in webview. I overdid it with gradient and shadows! + ## [1.7.0] - 2023-11-21 ### Changed -- Changed loading animation to use a custom on-brand animation. 🌈 +- Changed loading animation to use a custom on-brand animation. - Changed a few styles for loading state. ## [1.6.0] - 2023-11-18 diff --git a/package.json b/package.json index 13412e0..b9913b7 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,7 @@ }, "description": "View and edit all your snippets in one purty place. Yee-haw!", "icon": "img/logo.webp", - "version": "1.7.0", + "version": "1.8.0", "engines": { "vscode": "^1.4.0", "node": ">=12.0.0" diff --git a/src/view/styles.css b/src/view/styles.css index b92079a..32a2058 100644 --- a/src/view/styles.css +++ b/src/view/styles.css @@ -115,31 +115,10 @@ body { } .loading p { - --color1: hsl(280, 100%, 50%); - --color2: hsl(280, 100%, 20%); - - font-size: 1.75rem; - - -webkit-background-clip: text; - background-image: repeating-linear-gradient( - 0deg, - var(--color1), - var(--color1) 25%, - var(--color2) 25%, - var(--color2) 50% - ); - background-position: center; font-size: 2rem; - font-weight: 900; font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif; - - color: transparent; - filter: drop-shadow(0 8px 10px white) drop-shadow(8px 0 10px white) - drop-shadow(-8px 0 10px white) drop-shadow(0 -8px 10px white) - drop-shadow(0 10px 2px pink) drop-shadow(0 -10px 2px pink); + font-style: italic; text-align: center; - margin: 1rem; - padding: 2rem; } video {