@rh-support/components 2.5.197 → 2.5.204

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,223 +0,0 @@
1
- .markdown-content .markdown-preview {
2
- min-height: 100px;
3
- overflow: auto;
4
- font-size: 15px;
5
- padding: 0.8rem;
6
- border: 1px solid #e3e3e3;
7
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
8
- border-radius: 1px;
9
- }
10
-
11
- .markdown-content .markdown-preview ul,
12
- .markdown-content .markdown-preview ol {
13
- padding-left: 24px;
14
- }
15
-
16
- .markdown-content .markdown-preview blockquote {
17
- border-left: 5px solid #c0c0c0 !important;
18
- }
19
-
20
- .markdown-editor-container {
21
- background: #fff;
22
- border: 1px solid #d2d2d2;
23
- display: block;
24
- min-height: 100px;
25
- }
26
-
27
- .markdown-editor-container .pf-v6-c-toolbar {
28
- padding: 0.5rem;
29
- }
30
-
31
- .btn-group-separator {
32
- background: rgba(40, 45, 51, 0.3);
33
- height: 16px;
34
- margin-left: 10px;
35
- margin-right: 5px;
36
- width: 1px;
37
- margin-top: 10px;
38
- }
39
-
40
- .markdown-content .markdown-text-area {
41
- resize: vertical;
42
- border-radius: 0;
43
- box-shadow: none !important;
44
- outline: none;
45
- border: none;
46
- font-size: 15px;
47
- padding: 0.8rem;
48
- min-width: 100%;
49
- }
50
-
51
- .markdown-editor-container .markdown-toggle-toolbar {
52
- border-top: 1px solid #d2d2d2;
53
- }
54
-
55
- .markdown-editor-container .markdown-toggle-toolbar button {
56
- font-size: 14px;
57
- padding: 10px 1rem;
58
- }
59
-
60
- .markdown-editor-container .markdown-toggle-toolbar .markdown-active-mode {
61
- border-top: 2px solid #06c;
62
- border-radius: 0px;
63
- color: #6a6e73;
64
- font-weight: 500;
65
- color: #06c;
66
- }
67
-
68
- .markdown-editor-container .pf-v6-c-button.pf-m-link.pf-m-inline.markdown-guidance {
69
- padding-block-start: 0.375rem;
70
- padding-block-end: 0.375rem;
71
- padding-inline-start: 0.375rem;
72
- padding-inline-end: 0.375rem;
73
- box-sizing: border-box;
74
- }
75
-
76
- .markdown-editor-container .character-count-wrapper {
77
- white-space: nowrap;
78
- padding: 0 16px;
79
- font-size: 14px;
80
- }
81
-
82
- .markdown-editor-container .character-count-wrapper.red {
83
- color: #e00;
84
- }
85
-
86
- .markdown-editor-container .markdown-toolbar-left-section {
87
- flex: 1;
88
- }
89
-
90
- .markdown-editor-container.is-private .markdown-content .markdown-text-area {
91
- background-color: #f5eeee;
92
- }
93
-
94
- a[href*='/attachments/']::before,
95
- button[data-link*='/attachments/']::before {
96
- margin-right: 4px;
97
- font-style: normal;
98
- text-rendering: auto;
99
- -webkit-font-smoothing: antialiased;
100
- content: '📎';
101
- }
102
-
103
- .toolbar-container {
104
- height: 50px;
105
- }
106
- .markdown-text-area {
107
- width: 100%;
108
- height: 313px;
109
- border: none;
110
- }
111
-
112
- .markdown-preview {
113
- border-bottom: none !important;
114
- }
115
-
116
- .markdown-preview ul {
117
- list-style: '-';
118
- }
119
-
120
- .desktop-markdown-toolbar {
121
- display: flex;
122
- }
123
-
124
- .markdown-toolbar-left-section {
125
- display: flex;
126
- align-items: center;
127
- }
128
-
129
- .btn-group-separator {
130
- display: inline-block;
131
- width: 1px;
132
- height: 24px;
133
- margin: 0 8px;
134
- background-color: #ccc;
135
- }
136
-
137
- .markdown-guidance-container {
138
- display: none;
139
- }
140
-
141
- .mobile-markdown-toolbar {
142
- display: none;
143
- }
144
-
145
- #toolsKebabMenu {
146
- overflow: hidden;
147
- inset: 0px auto auto -12rem !important;
148
-
149
- .pf-v6-c-menu__list {
150
- padding-left: 0px !important;
151
- padding-right: 0px !important;
152
- }
153
-
154
- .attachments-items li {
155
- padding: 0px 10px !important;
156
-
157
- .pf-v6-c-divider {
158
- width: 15rem;
159
- margin-left: -1rem;
160
- }
161
- }
162
- }
163
-
164
- /* Mobile toolbar styles */
165
- @media (max-width: 880px) {
166
- .desktop-markdown-toolbar {
167
- display: none;
168
- }
169
-
170
- .markdown-guidance-container {
171
- display: flex;
172
- justify-content: flex-end;
173
- padding: 9px;
174
- }
175
-
176
- .mobile-markdown-toolbar {
177
- display: flex;
178
- flex-direction: row;
179
- justify-content: space-between;
180
- align-items: center;
181
-
182
- .mobile-markdown-tool-item {
183
- width: 2.5rem !important;
184
- }
185
- }
186
-
187
- .markdown-toolbar-left-section {
188
- margin-inline-end: 0px !important;
189
- }
190
-
191
- .markdown-preview-btn,
192
- .plain-mode-btn,
193
- .markdown-mode-btn {
194
- padding-left: 4px;
195
- padding-right: 4px;
196
- }
197
-
198
- .markdown-editor-container .markdown-toggle-toolbar button {
199
- font-size: 14px;
200
- padding: 10px 0.25rem;
201
- }
202
- }
203
-
204
- @media (max-width: 475px) {
205
- .markdown-editor-container .pf-v6-c-toolbar {
206
- padding: 0.5rem 0rem;
207
- }
208
-
209
- .mobile-markdown-toolbar {
210
- .mobile-markdown-tool-item {
211
- width: 0.1rem !important;
212
- }
213
-
214
- #tools-kebab-menu-container {
215
- position: relative;
216
- right: 2rem;
217
- }
218
- }
219
-
220
- .uploading-spinner-text {
221
- display: none;
222
- }
223
- }