Skip to content

Commit e813345

Browse files
Akalanka47000Akalanka47000
committed
Patch: separated css files
1 parent 339d6b8 commit e813345

File tree

10 files changed

+134
-137
lines changed

10 files changed

+134
-137
lines changed

‎.github/ISSUE_TEMPLATE/bug_report.md‎

Lines changed: 13 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
---
22
name: Bug report
33
about: Create a report to help us improve
4-
title: ''
5-
labels: ''
6-
assignees: ''
7-
4+
title: ""
5+
labels: ""
6+
assignees: ""
87
---
98

109
**Describe the bug**
1110
A clear and concise description of what the bug is.
1211

1312
**To Reproduce**
1413
Steps to reproduce the behavior:
14+
1515
1. Go to '...'
1616
2. Click on '....'
1717
3. Scroll down to '....'
@@ -24,15 +24,17 @@ A clear and concise description of what you expected to happen.
2424
If applicable, add screenshots to help explain your problem.
2525

2626
**Desktop (please complete the following information):**
27-
- OS: [e.g. iOS]
28-
- Browser [e.g. chrome, safari]
29-
- Version [e.g. 22]
27+
28+
- OS: [e.g. iOS]
29+
- Browser [e.g. chrome, safari]
30+
- Version [e.g. 22]
3031

3132
**Smartphone (please complete the following information):**
32-
- Device: [e.g. iPhone6]
33-
- OS: [e.g. iOS8.1]
34-
- Browser [e.g. stock browser, safari]
35-
- Version [e.g. 22]
33+
34+
- Device: [e.g. iPhone6]
35+
- OS: [e.g. iOS8.1]
36+
- Browser [e.g. stock browser, safari]
37+
- Version [e.g. 22]
3638

3739
**Additional context**
3840
Add any other context about the problem here.

‎.github/ISSUE_TEMPLATE/feature_request.md‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
11
---
22
name: Feature request
33
about: Suggest an idea for this project
4-
title: ''
5-
labels: ''
6-
assignees: ''
7-
4+
title: ""
5+
labels: ""
6+
assignees: ""
87
---
98

109
**Is your feature request related to a problem? Please describe.**

‎.github/workflows/prerelease.yml‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,4 +39,3 @@ jobs:
3939
env:
4040
TAG: ${{ inputs.tag || 'blizzard' }}
4141
NPM_ACCESS_TOKEN: ${{ secrets.NPM_ACCESS_TOKEN }}
42-

‎.github/workflows/quality-checks.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,4 +32,4 @@ jobs:
3232
- name: Run linter 📢
3333
uses: sliit-foss/actions/quality-checks/[email protected]
3434
with:
35-
package-manager: 'bun'
35+
package-manager: "bun"

‎.storybook/preview.ts‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { withRouter } from 'storybook-addon-react-router-v6'
22
import type { Preview } from '@storybook/react';
3-
import '../src/styles/index.css';
3+
import '@/styles/index.css';
4+
import '@/styles/storybook.css';
45

56
const preview: Preview = {
67
parameters: {

‎CONTRIBUTING.md‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,4 +22,3 @@
2222
- Please add a description to your PRs
2323
- Please add a screenshot or a gif to your PRs if it's a UI change
2424
- Please add a documentation update if it's a feature or a bug fix
25-

‎README.md‎

Lines changed: 51 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
# React Seat Toolkit
22

3-
43
<a aria-label="License" href="https://github.com/mezh-hq/react-seat-toolkit/blob/main/LICENSE">
54
<img alt="" src="https://img.shields.io/badge/License-MIT-yellow.svg">
65
</a>
@@ -28,46 +27,50 @@ React UI library to design and render seat layouts. The library is still under a
2827
<img width="49.5%" alt="image" src="https://github.com/mezh-hq/react-seat-toolkit/assets/73662613/0e023ffd-b4a2-4724-81f3-3ba74114b9a5">
2928
</p>
3029

31-
3230
## Features
3331

3432
- **JSON based**: Define your seat layout using JSON data and retrieve it back as JSON after customization ✓
3533

3634
- **Customizable**: Customize the layout as per your requirements
3735

38-
- **Seats**
39-
- Add new seats ✓
40-
- Remove existing seats ✓
41-
- Change seat colors ✓
42-
- Change seat labels ✓
43-
- Change seat status ✓
44-
- Group seats together into categories ✓
45-
- Categorizer (Manage seat categories) ✓
46-
47-
- **Pen**
48-
- Draw on the layout using a pen tool to create custom shapes ✓
49-
50-
- **Text**
51-
- Add text to the layout ✓
52-
- Change text color ✓
53-
- Change text size ✓
54-
- Change text font weight ✓
55-
56-
- **Shapes**
57-
- Add shapes to the layout ✓
58-
- Change shape color ✓
59-
- Change shape size ✓
60-
- Change shape border color ✓
61-
62-
- **Sections**
63-
- Section manager 🛠️
64-
- Free seating sections 🛠️
65-
66-
- **Miscallaneous**
67-
- Add, move around and scale background images ✓
68-
- Add and move around booths ✓
69-
- Multiple element selection and deselection ✓
70-
- Bring elements to front or back ✓
36+
- **Seats**
37+
38+
- Add new seats ✓
39+
- Remove existing seats ✓
40+
- Change seat colors ✓
41+
- Change seat labels ✓
42+
- Change seat status ✓
43+
- Group seats together into categories ✓
44+
- Categorizer (Manage seat categories) ✓
45+
46+
- **Pen**
47+
48+
- Draw on the layout using a pen tool to create custom shapes ✓
49+
50+
- **Text**
51+
52+
- Add text to the layout ✓
53+
- Change text color ✓
54+
- Change text size ✓
55+
- Change text font weight ✓
56+
57+
- **Shapes**
58+
59+
- Add shapes to the layout ✓
60+
- Change shape color ✓
61+
- Change shape size ✓
62+
- Change shape border color ✓
63+
64+
- **Sections**
65+
66+
- Section manager 🛠️
67+
- Free seating sections 🛠️
68+
69+
- **Miscallaneous**
70+
- Add, move around and scale background images ✓
71+
- Add and move around booths ✓
72+
- Multiple element selection and deselection ✓
73+
- Bring elements to front or back ✓
7174

7275
- **Responsive**: The layout is responsive and can be viewed on any device 🛠️
7376

@@ -86,21 +89,21 @@ Run `bun i @mezh-hq/react-seat-toolkit` to incorporate into your project <br/>
8689
### User mode
8790

8891
```jsx
89-
import React from 'react';
90-
import SeatToolkit from '@mezh-hq/react-seat-toolkit';
91-
import '@mezh-hq/react-seat-toolkit/styles';
92+
import React from "react";
93+
import SeatToolkit from "@mezh-hq/react-seat-toolkit";
94+
import "@mezh-hq/react-seat-toolkit/styles";
9295

9396
const App = () => {
9497
const data = {
9598
seats: [
9699
{
97-
id: '1',
100+
id: "1",
98101
x: 100,
99102
y: 100,
100-
label: 'A1',
101-
color: 'blue',
102-
},
103-
],
103+
label: "A1",
104+
color: "blue"
105+
}
106+
]
104107
};
105108
return (
106109
<SeatToolkit
@@ -112,7 +115,7 @@ const App = () => {
112115
},
113116
onSectionClick: (section) => {
114117
console.log(section);
115-
},
118+
}
116119
}}
117120
/>
118121
);
@@ -124,9 +127,9 @@ export default App;
124127
### Designer mode
125128

126129
```jsx
127-
import React from 'react';
128-
import SeatToolkit from '@mezh-hq/react-seat-toolkit';
129-
import '@mezh-hq/react-seat-toolkit/styles';
130+
import React from "react";
131+
import SeatToolkit from "@mezh-hq/react-seat-toolkit";
132+
import "@mezh-hq/react-seat-toolkit/styles";
130133

131134
const App = () => {
132135
return (
@@ -135,7 +138,7 @@ const App = () => {
135138
events={{
136139
onExport: (data) => {
137140
console.log(data);
138-
},
141+
}
139142
}}
140143
/>
141144
);

‎src/styles/index.css‎

Lines changed: 1 addition & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
@import "components.css";
22
@import "animations/index.css";
3+
@import "utilities.css";
34

45
@tailwind base;
56
@tailwind components;
@@ -70,73 +71,3 @@
7071
--ring: 240 3.7% 15.9%;
7172
}
7273
}
73-
74-
@layer base {
75-
html,
76-
body,
77-
#root,
78-
#storybook-root {
79-
min-height: 100% !important;
80-
height: 100% !important;
81-
}
82-
body {
83-
@apply bg-background text-foreground;
84-
margin-right: 0px !important;
85-
}
86-
87-
body:not(.anything) {
88-
margin-right: 0px !important;
89-
}
90-
91-
.markdown * {
92-
all: revert;
93-
}
94-
}
95-
96-
svg,
97-
svg *:focus {
98-
outline: none !important;
99-
}
100-
101-
html {
102-
overflow-x: hidden !important;
103-
}
104-
105-
input,
106-
textarea,
107-
button,
108-
select,
109-
div,
110-
span,
111-
a {
112-
-webkit-tap-highlight-color: transparent;
113-
}
114-
115-
.hide-blink {
116-
caret-color: transparent;
117-
}
118-
119-
.invisible-scroll::-webkit-scrollbar {
120-
width: 0px;
121-
}
122-
123-
.invisible-scroll {
124-
scrollbar-color: transparent transparent;
125-
overflow-x: hidden !important;
126-
}
127-
128-
.pointer-events-fill {
129-
pointer-events: fill;
130-
}
131-
132-
.pointer-events-stroke {
133-
pointer-events: stroke;
134-
}
135-
136-
.unselectable {
137-
-webkit-user-select: none;
138-
-moz-user-select: none;
139-
-ms-user-select: none;
140-
user-select: none;
141-
pointer-events: none;
142-
}

‎src/styles/storybook.css‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
html,
2+
body,
3+
#root,
4+
#storybook-root {
5+
min-height: 100% !important;
6+
height: 100% !important;
7+
}
8+
body {
9+
@apply bg-background text-foreground;
10+
margin-right: 0px !important;
11+
}
12+
13+
body:not(.anything) {
14+
margin-right: 0px !important;
15+
}
16+
17+
svg,
18+
svg *:focus {
19+
outline: none !important;
20+
}
21+
22+
html {
23+
overflow-x: hidden !important;
24+
}
25+
26+
input,
27+
textarea,
28+
button,
29+
select,
30+
div,
31+
span,
32+
a {
33+
-webkit-tap-highlight-color: transparent;
34+
}

‎src/styles/utilities.css‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
@layer utilities {
2+
.hide-blink {
3+
caret-color: transparent;
4+
}
5+
.invisible-scroll::-webkit-scrollbar {
6+
width: 0px;
7+
}
8+
9+
.invisible-scroll {
10+
scrollbar-color: transparent transparent;
11+
overflow-x: hidden !important;
12+
}
13+
14+
.pointer-events-fill {
15+
pointer-events: fill;
16+
}
17+
18+
.pointer-events-stroke {
19+
pointer-events: stroke;
20+
}
21+
22+
.unselectable {
23+
-webkit-user-select: none;
24+
-moz-user-select: none;
25+
-ms-user-select: none;
26+
user-select: none;
27+
pointer-events: none;
28+
}
29+
}

0 commit comments

Comments
 (0)