katalyst-content 0.1.1 → 0.1.2
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.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/katalyst/content/_index.scss +0 -30
- data/app/assets/stylesheets/katalyst/content/editor/_index.scss +31 -3
- data/app/assets/stylesheets/katalyst/content/editor/_trix-rails.scss +30 -0
- data/app/views/katalyst/content/editor/_item.html.erb +1 -1
- data/lib/katalyst/content/version.rb +1 -1
- metadata +2 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 15c10b4886c26310eb6a15c64f9b3c31b1b2dc312d9b4088bf530e6610ec3599
|
|
4
|
+
data.tar.gz: 2dd1d7e5179ff4d9f53d66b8ea99cd3d19f497e078d6234da4c8525e13a25ba1
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 89a50df67af76c48e7978be76eee21da5100a8bf7fb69c6f580dc1868f4f644300f7d782b7cab61c2897717577e1cf4cc865a8b1f437c7d559c9b321f66b0bf0
|
|
7
|
+
data.tar.gz: c5dbc2983e3438642f38a58351010f7b110715ed865fb5851f1c43d4e8801a8c5a0e9bc0e371f5555cad72c976a3fc53d1bbc88cb6efc260d9403f1d0751f26c
|
|
@@ -1,31 +1 @@
|
|
|
1
1
|
@use "editor";
|
|
2
|
-
@use "trix";
|
|
3
|
-
|
|
4
|
-
/*
|
|
5
|
-
* We need to override trix.css’s image gallery styles to accommodate the
|
|
6
|
-
* <action-text-attachment> element we wrap around attachments. Otherwise,
|
|
7
|
-
* images in galleries will be squished by the max-width: 33%; rule.
|
|
8
|
-
*/
|
|
9
|
-
.trix-content .attachment-gallery > action-text-attachment,
|
|
10
|
-
.trix-content .attachment-gallery > .attachment {
|
|
11
|
-
flex: 1 0 33%;
|
|
12
|
-
padding: 0 0.5em;
|
|
13
|
-
max-width: 33%;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.trix-content
|
|
17
|
-
.attachment-gallery.attachment-gallery--2
|
|
18
|
-
> action-text-attachment,
|
|
19
|
-
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment,
|
|
20
|
-
.trix-content
|
|
21
|
-
.attachment-gallery.attachment-gallery--4
|
|
22
|
-
> action-text-attachment,
|
|
23
|
-
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
|
|
24
|
-
flex-basis: 50%;
|
|
25
|
-
max-width: 50%;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.trix-content action-text-attachment .attachment {
|
|
29
|
-
padding: 0 !important;
|
|
30
|
-
max-width: 100% !important;
|
|
31
|
-
}
|
|
@@ -4,6 +4,8 @@
|
|
|
4
4
|
@use "item-rules";
|
|
5
5
|
@use "new-items";
|
|
6
6
|
@use "status-bar";
|
|
7
|
+
@use "trix";
|
|
8
|
+
@use "trix-rails";
|
|
7
9
|
|
|
8
10
|
$grey-light: #f4f4f4 !default;
|
|
9
11
|
$grey: #ececec !default;
|
|
@@ -99,8 +101,7 @@ $status-dirty-color: #aaa !default;
|
|
|
99
101
|
align-items: center;
|
|
100
102
|
}
|
|
101
103
|
|
|
102
|
-
.
|
|
103
|
-
.url {
|
|
104
|
+
.heading {
|
|
104
105
|
text-overflow: ellipsis;
|
|
105
106
|
overflow: hidden;
|
|
106
107
|
white-space: nowrap;
|
|
@@ -111,12 +112,39 @@ $status-dirty-color: #aaa !default;
|
|
|
111
112
|
[data-controller="content--editor--container"] [role="rowheader"],
|
|
112
113
|
[data-controller="content--editor--item"] {
|
|
113
114
|
display: grid;
|
|
114
|
-
grid-template-columns:
|
|
115
|
+
grid-template-columns: minmax(10rem, calc(100% - 12rem)) 1fr 10rem;
|
|
115
116
|
padding: 0.25rem 0.5rem;
|
|
116
117
|
gap: 1rem;
|
|
117
118
|
align-items: center;
|
|
118
119
|
}
|
|
119
120
|
|
|
121
|
+
[data-controller="content--editor--item"] {
|
|
122
|
+
.item-background::before {
|
|
123
|
+
content: "A";
|
|
124
|
+
font-family: cursive;
|
|
125
|
+
display: inline-block;
|
|
126
|
+
min-height: 1rem;
|
|
127
|
+
min-width: 1rem;
|
|
128
|
+
text-align: center;
|
|
129
|
+
color: var(--theme-text-color);
|
|
130
|
+
background-color: var(--theme-background-color);
|
|
131
|
+
border: 1px solid var(--theme-border-color);
|
|
132
|
+
border-radius: 2px;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.item-background.light {
|
|
136
|
+
--theme-text-color: black;
|
|
137
|
+
--theme-border-color: black;
|
|
138
|
+
--theme-background-color: white;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.item-background.dark {
|
|
142
|
+
--theme-text-color: white;
|
|
143
|
+
--theme-border-color: white;
|
|
144
|
+
--theme-background-color: black;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
|
|
120
148
|
// Ensures vertical alignment of header with rows
|
|
121
149
|
[data-controller="content--editor--container"] {
|
|
122
150
|
[role="rowheader"] {
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
// Rails-provided customizations to trix editor
|
|
2
|
+
|
|
3
|
+
/*
|
|
4
|
+
* We need to override trix.css’s image gallery styles to accommodate the
|
|
5
|
+
* <action-text-attachment> element we wrap around attachments. Otherwise,
|
|
6
|
+
* images in galleries will be squished by the max-width: 33%; rule.
|
|
7
|
+
*/
|
|
8
|
+
.trix-content .attachment-gallery > action-text-attachment,
|
|
9
|
+
.trix-content .attachment-gallery > .attachment {
|
|
10
|
+
flex: 1 0 33%;
|
|
11
|
+
padding: 0 0.5em;
|
|
12
|
+
max-width: 33%;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.trix-content
|
|
16
|
+
.attachment-gallery.attachment-gallery--2
|
|
17
|
+
> action-text-attachment,
|
|
18
|
+
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment,
|
|
19
|
+
.trix-content
|
|
20
|
+
.attachment-gallery.attachment-gallery--4
|
|
21
|
+
> action-text-attachment,
|
|
22
|
+
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
|
|
23
|
+
flex-basis: 50%;
|
|
24
|
+
max-width: 50%;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.trix-content action-text-attachment .attachment {
|
|
28
|
+
padding: 0 !important;
|
|
29
|
+
max-width: 100% !important;
|
|
30
|
+
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: katalyst-content
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Katalyst Interactive
|
|
@@ -35,6 +35,7 @@ files:
|
|
|
35
35
|
- app/assets/stylesheets/katalyst/content/editor/_item-rules.scss
|
|
36
36
|
- app/assets/stylesheets/katalyst/content/editor/_new-items.scss
|
|
37
37
|
- app/assets/stylesheets/katalyst/content/editor/_status-bar.scss
|
|
38
|
+
- app/assets/stylesheets/katalyst/content/editor/_trix-rails.scss
|
|
38
39
|
- app/controllers/katalyst/content/application_controller.rb
|
|
39
40
|
- app/controllers/katalyst/content/items_controller.rb
|
|
40
41
|
- app/helpers/katalyst/content/application_helper.rb
|