New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

ngx-electron-titlebar

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ngx-electron-titlebar - npm Package Compare versions

Comparing version 0.0.1 to 0.1.0

14

package.json
{
"name": "ngx-electron-titlebar",
"version": "0.0.1",
"description": "Custom titlebar library for Electron & Angular applications",
"author": "Benny Megidish",
"license": "Apache 2.0",
"version": "0.1.0",
"keywords": [
"angular",
"electron",
"titlebar",
"ui",
"frameless",
"transparent",
"window"
],
"peerDependencies": {

@@ -5,0 +17,0 @@ "@angular/common": ">= 9",

24

README.md
<br/>
<p align="center">
<a href="https://github.com/bennymeg/ngx-electron-titlebar">
<img src="images/logo.png" alt="Logo" width="80" height="80">
<img src="https://raw.githubusercontent.com/bennymeg/ngx-electron-titlebar/master/images/logo.png" alt="Logo" width="80" height="80">
</a>

@@ -16,3 +16,3 @@

<br/>
<a href="https://github.com/bennymeg/ngx-electron-titlebar">View Demo</a>
<a href="https://bennymeg.github.io/ngx-electron-titlebar/">View Demo</a>
.

@@ -31,3 +31,3 @@ <a href="https://github.com/bennymeg/ngx-electron-titlebar/issues">Report Bug</a>

![Screen Shot](images/screenshot.png)
![Screen Shot](https://raw.githubusercontent.com/bennymeg/ngx-electron-titlebar/master/images/screenshot.png)

@@ -38,3 +38,3 @@ Over the last couple of years many applications started to adopt transparent design language. Unfortunately, in Electron applications, this means you have to use frameless browser window, which means tou loose the application title bar. this project aims to solve this issue by providing high fidelity, cross platform title bar.

This project work with Electron application that are powered by Angular. We suggest using [NX](https://github.com/nrwl/nx) + [Nx Electron](https://github.com/bennymeg/nx-electron) for this purpose.
This project work with Electron application that are powered by Angular. We suggest using [Nx Electron](https://github.com/bennymeg/nx-electron) for this purpose.

@@ -83,10 +83,10 @@ ### Installation

## Options
- **theme:** 'light' | 'dark' (default: 'dark') // theme style
- **draggable:** boolean (default: true) // enables/disables the -webkit-app-region CSS property on the root element. - Allows frameless windows to be dragged in an electron application
- **fixed:** boolean (default: false) // affixes to the top and floats above the rest of the content so only the - buttons and title are visible. Ignores transparent rule
- **os:** 'mac' | 'win' | 'default' (default: 'mac') // titlebar style (defaults to current OS, or default if unrecognized)
- **tall:** boolean (default: false) // makes the titlebar taller than usual, with the controls slightly inset (mac - only)
- **title:** string (default: 'Title') // app title
- **transparent:** boolean (default: false) // transparent background for an overlay effect
- **rtl:** boolean (default: false) // right to left alignment
- **theme:** 'light' | 'dark' (default: 'dark') - theme style
- **draggable:** boolean (default: true) - enables/disables the -webkit-app-region CSS property on the root element. - Allows frameless windows to be dragged in an electron application
- **fixed:** boolean (default: false) - affixes to the top and floats above the rest of the content so only the - buttons and title are visible. Ignores transparent rule
- **os:** 'mac' | 'win' | 'default' (default: 'mac') - titlebar style (defaults to current OS, or default if unrecognized)
- **tall:** boolean (default: false) - makes the titlebar taller than usual, with the controls slightly inset (mac - only)
- **title:** string (default: 'Title') - app title
- **transparent:** boolean (default: false) - transparent background for an overlay effect
- **rtl:** boolean (default: false) - right to left alignment

@@ -93,0 +93,0 @@ ## Events

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc