Skip to content

Commit eb46f07

Browse files
authored
Add files via upload
1 parent 0e92516 commit eb46f07

File tree

1 file changed

+120
-0
lines changed

1 file changed

+120
-0
lines changed
Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
id: '@k-ivy/usr-fldr-customs'
2+
metadata:
3+
displayName:
4+
en: Fully Customize the User Module
5+
author: "IriKay (@K-Ivy on Git)"
6+
description:
7+
en: "Customize the toolbar's User Folder Module all from theme settings!"
8+
tags: ['toolbar']
9+
appTargetVersion:
10+
- 2
11+
- 3
12+
- 5
13+
settings:
14+
- syntax: <string>
15+
label:
16+
en: "Profile Picture -> Blank = Default | Custom = url('https://.png')"
17+
name: '--user-folder-custom-avater-img'
18+
initialValue: ''
19+
- syntax: <string>
20+
label:
21+
en: "Username -> MUST Have Quotes around name!"
22+
name: '--user-folder-custom-name'
23+
initialValue: '"Keep-Quotes"'
24+
- syntax: <string>
25+
label:
26+
en: "Username Font (D = inherit)"
27+
name: '--user-folder-custom-font'
28+
initialValue: 'inherit'
29+
- syntax: <length>
30+
label:
31+
en: "Username Font Size (D = 15px)"
32+
name: '--user-folder-custom-font-size'
33+
initialValue: 15
34+
initialValueUnit: 'px'
35+
- syntax: <number>
36+
label:
37+
en: "Username Font Style (D = 400 | R: 100=Thin, 400=Normal, 900=Thick)"
38+
name: '--user-folder-custom-font-weight'
39+
initialValue: 400
40+
- syntax: <length>
41+
label:
42+
en: "Username Horizontal Position (D = -9px)"
43+
name: '--user-folder-custom-name-x-pos'
44+
initialValue: -9
45+
initialValueUnit: 'px'
46+
- syntax: <length>
47+
label:
48+
en: "Username Vertical Position (D = -0.5px)"
49+
name: '--user-folder-custom-name-y-pos'
50+
initialValue: -0.5
51+
initialValueUnit: 'px'
52+
- syntax: <length>
53+
label:
54+
en: "Profile Picture Width (D = 16px)"
55+
name: '--user-folder-custom-pfp-width'
56+
initialValue: 16
57+
initialValueUnit: 'px'
58+
- syntax: <length>
59+
label:
60+
en: "Profile Picture Height (D = 16px)"
61+
name: '--user-folder-custom-pfp-height'
62+
initialValue: 16
63+
initialValueUnit: 'px'
64+
- syntax: <length>
65+
label:
66+
en: "Profile Picture Rounding (D = 50%)"
67+
name: '--user-folder-custom-pfp-rounding'
68+
initialValue: 50
69+
initialValueUnit: '%'
70+
- syntax: <length>
71+
label:
72+
en: "Profile Picture Border Width (D = 1px)"
73+
name: '--user-folder-custom-pfp-border-width'
74+
initialValue: 1
75+
initialValueUnit: 'px'
76+
- syntax: <color>
77+
label:
78+
en: "Profile Picture Border Color (D = #777777)"
79+
name: '--user-folder-custom-pfp-border-color'
80+
initialValue: '#777777'
81+
- syntax: <length>
82+
label:
83+
en: "Profile Picture Horizontal Position (D = -0.5px)"
84+
name: '--user-folder-custom-pfp-x-pos'
85+
initialValue: -0.5
86+
initialValueUnit: 'px'
87+
- syntax: <length>
88+
label:
89+
en: "Profile Picture Vertical Position (D = 0px)"
90+
name: '--user-folder-custom-pfp-y-pos'
91+
initialValue: 0
92+
initialValueUnit: 'px'
93+
styles:
94+
toolbar: |
95+
.ft-bar-item#\@default\/user-folder img {
96+
content: var(--user-folder-custom-avater-img);
97+
width: var(--user-folder-custom-pfp-width) !important;
98+
height: var(--user-folder-custom-pfp-height) !important;
99+
border-radius: var(--user-folder-custom-pfp-rounding);
100+
border: var(--user-folder-custom-pfp-border-width) solid var(--user-folder-custom-pfp-border-color);
101+
margin-left: var(--user-folder-custom-pfp-x-pos);
102+
transform: translateY(var(--user-folder-custom-pfp-y-pos));
103+
object-fit: cover !important;
104+
}
105+
106+
.ft-bar-item#\@default\/user-folder .ft-bar-item-content span:last-child {
107+
visibility: hidden;
108+
overflow: visible !important;
109+
}
110+
111+
.ft-bar-item#\@default\/user-folder .ft-bar-item-content span:last-child::after {
112+
content: var(--user-folder-custom-name, "Keep-Quotes");
113+
font-family: var(--user-folder-custom-font, inherit);
114+
font-size: var(--user-folder-custom-font-size);
115+
font-weight: var(--user-folder-custom-font-weight);
116+
margin-left: var(--user-folder-custom-name-x-pos);
117+
transform: translateY(var(--user-folder-custom-name-y-pos));
118+
visibility: visible;
119+
display: inline-block;
120+
}

0 commit comments

Comments
 (0)