xfox111/PasswordGeneratorExtension
1
0
Fork 0
mirror of https://github.com/XFox111/PasswordGeneratorExtension.git synced 2026-04-22 08:08:01 +03:00
Code Wiki Activity

Minor 2.2.0 (#90)

Browse Source 
* Bump @types/react from 18.0.24 to 18.0.26 (#85)

Bumps [@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react) from 18.0.24 to 18.0.26.
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react)

---
updated-dependencies:
- dependency-name: "@types/react"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump typescript from 4.8.4 to 4.9.4 (#84)

Bumps [typescript](https://github.com/Microsoft/TypeScript) from 4.8.4 to 4.9.4.
- [Release notes](https://github.com/Microsoft/TypeScript/releases)
- [Commits](https://github.com/Microsoft/TypeScript/compare/v4.8.4...v4.9.4)

---
updated-dependencies:
- dependency-name: typescript
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump @types/webextension-polyfill from 0.9.1 to 0.9.2 (#83)

Bumps [@types/webextension-polyfill](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/webextension-polyfill) from 0.9.1 to 0.9.2.
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/webextension-polyfill)

---
updated-dependencies:
- dependency-name: "@types/webextension-polyfill"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump @fluentui/react-components from 9.7.1 to 9.7.2 (#82)

Bumps [@fluentui/react-components](https://github.com/microsoft/fluentui) from 9.7.1 to 9.7.2.
- [Release notes](https://github.com/microsoft/fluentui/releases)
- [Changelog](https://github.com/microsoft/fluentui/blob/master/azure-pipelines.release-fluentui.yml)
- [Commits](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.7.1...@fluentui/react-components_v9.7.2)

---
updated-dependencies:
- dependency-name: "@fluentui/react-components"
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Fixed tooltip trigger area #81 (#87)

* PT-BR translation correction (#88)

* Update "Repeating"

Update "Repeating"

* Update licence MIT

Update licence MIT

* Let it snow! (#89)

* Updated package.json version

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Maison da Silva <maisonmdsgreen@hotmail.com>
This commit is contained in:
Eugene Fox
2022-12-26 04:26:12 +03:00
committed by GitHub
parent 408d417c3f
commit 33b3df7433
8 changed files with 440 additions and 343 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.scss
+14
View File
@@ -1,6 +1,14 @@
body
{
margin: 0;
}
main
{
width: 400px;
padding: 8px;
-webkit-user-select: none;
user-select: none;
h1, h2, h3, h4, h5, h6, p
{
@@ -43,6 +51,12 @@ main
}
}
button.fui-Link
{
-webkit-user-select: none;
user-select: none;
}
.scaleUpIn
{
animation-name: scaleUpInAnim;
src/App.tsx
+3
View File
@@ -8,6 +8,7 @@ import PasswordView from "./Components/PasswordView";
import Settings from "./Utils/Settings";
import GeneratorOptions from "./Utils/GeneratorOptions";
import { loc } from "./Utils/Localization";
import Snow from "./Holidays/Snow";
interface IStates
{
@@ -63,6 +64,8 @@ export default class App extends React.Component<IProps, IStates>
return (
<FluentProvider theme={ this.state.theme }>
<main className="stack gap">
<Snow />
<header className="stack horizontal gap">
<Title2 as="h1">{ loc("Password generator") }</Title2>
<Text as="span">v{ Package.version }</Text>
src/Components/SettingsSection.tsx
+8 -6
View File
@@ -64,12 +64,14 @@ export default class SettingsSection extends React.Component<IProps>
</div>
<Divider />
<div className="stack">
<div>
<Tooltip content={ loc("Right-click password field to quickly generate password") } relationship="description">
<Checkbox label={ <Text>{ loc("Add shortcut to context menu") } <QuestionCircleRegular /></Text> }
checked={ settings.AddContext } onChange={ (_, e) => Settings.Update({ AddContext: e.checked as boolean }) } />
</Tooltip>
</div>
<Checkbox
checked={ settings.AddContext }
onChange={ (_, e) => Settings.Update({ AddContext: e.checked as boolean }) }
label={
<Tooltip content={ loc("Right-click password field to quickly generate password") } relationship="description">
<Text>{ loc("Add shortcut to context menu") } <QuestionCircleRegular /></Text>
</Tooltip>
} />
<Checkbox label={ loc("Automatically copy to clipboard") }
checked={ settings.Autocopy } onChange={ (_, e) => Settings.Update({ Autocopy: e.checked as boolean }) } />
</div>
src/Holidays/Snow.scss
+55
View File
@@ -0,0 +1,55 @@
.snowflakeContainer
{
position: absolute;
overflow: hidden;
pointer-events: none;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.snowflake
{
--size: 1px;
width: var(--size);
height: var(--size);
background: white;
border-radius: 50%;
position: absolute;
top: -5px;
@media (prefers-color-scheme: light)
{
background: var(--colorPalettePlatinumBorderActive);
}
}
@keyframes snowfall
{
0%
{
transform: translate3d(var(--left-ini), 0, 0);
opacity: .6;
}
100%
{
transform: translate3d(var(--left-end), 610px, 0);
opacity: 0;
}
}
@for $i from 1 through 50
{
.snowflake:nth-child(#{$i})
{
--size: #{random(5)}px;
--left-ini: #{random(20) - 10}vw;
--left-end: #{random(20) - 10}vw;
left: #{random(100)}vw;
animation: snowfall #{5 + random(10)}s linear infinite;
animation-delay: -#{random(10)}s;
}
}
src/Holidays/Snow.tsx
+23
View File
@@ -0,0 +1,23 @@
import React from "react";
import "./Snow.scss";
export default class Snow extends React.Component
{
public render(): JSX.Element
{
// Show snowflakes only from 15th of December till 10th of January
let now = new Date();
if (
(now.getMonth() !== 11 || now.getDate() < 15) &&
(now.getMonth() !== 0 || now.getDate() > 10)
)
return <></>;
return (
<div className="snowflakeContainer">
{ [...Array(50)].map((_, i) => <div key={i} className="snowflake" />) }
</div>
);
}
}