capibara 1.3.53 → 1.3.55

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.
package/dist/minimal.html CHANGED
@@ -14,6 +14,6 @@
14
14
  <script src="config_minimal.js"></script>
15
15
  <script src="data_minimal.js"></script>
16
16
  <script src="app_minimal.js"></script>
17
- <script type="text/javascript" src="/index.js"></script></body>
17
+ <script type="text/javascript" src="./index.js"></script></body>
18
18
 
19
19
  </html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "capibara",
3
- "version": "1.3.53",
3
+ "version": "1.3.55",
4
4
  "main": "dist/index.js",
5
5
  "repository": {
6
6
  "type": "git",
@@ -130,73 +130,59 @@
130
130
  // margin-bottom: 0.5rem;
131
131
 
132
132
  &.list {
133
- .item-detail {
134
- margin: 0px;
135
- font-size: 0.875em;
136
- position: relative;
137
- padding: 0.5em 0.5em 0.5em 1em;
138
- border-radius: 0;
139
- box-sizing: border-box;
140
- overflow: hidden;
141
-
142
- background: transparent;
143
- border: unset;
144
- border-top: 1px solid rgba(0, 0, 0, 0.1);
145
-
146
- display: flex;
147
- flex-direction: row;
148
-
149
- .left-icon {
150
- width: 8px;
151
- height: 8px;
152
- min-height: unset !important;
153
- left: 1px;
154
- top: 10px;
155
- border-radius: 50%;
156
- &.diamond {
157
- border-radius: 0;
158
- transform: rotate(45deg) skew(10deg, 10deg);
159
- }
160
- &.outlined {
161
- background: transparent;
162
- }
163
- &.triangle {
164
- border-radius: 0;
165
- transform: rotate(45deg) skew(10deg, 10deg) translate(3px, 3px);
166
- width: 0px;
167
- height: 0px;
168
- border-width: 5px;
169
- border-style: solid;
170
- background-color: transparent;
171
- //border-color: grey transparent transparent grey;
172
- }
173
- &.shield {
174
- width: 10px;
175
- height: 10px;
176
- border-radius: 0 0 50% 50%;
177
- }
178
- }
133
+ .item-detail {
134
+ margin: 0px;
135
+ font-size: 0.875em;
136
+ position: relative;
137
+ padding: 0.5em 0.5em 0.5em 1em;
138
+ border-radius: 0;
139
+ box-sizing: border-box;
140
+ overflow: hidden;
179
141
 
180
- .name {
181
- flex: 0 1 40%;
182
- //flex: 1 1 auto;
183
- font-weight: bold;
184
- margin-bottom: 0em;
185
- padding-right: 1em;
186
- }
142
+ background: transparent;
143
+ border: unset;
144
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
187
145
 
188
- .item-description {
189
- //flex: 1 1 60%;
190
- flex: 1 1 auto;
191
146
  display: flex;
192
147
  flex-direction: column;
193
- align-items: start;
148
+
149
+ .left-icon {
150
+ display: none;
151
+ }
152
+
153
+ .name {
154
+ flex: 0 1 auto;
155
+ font-weight: bold;
156
+ margin-bottom: 0.25em;
157
+ padding-right: 0;
158
+ }
159
+
160
+ .item-description {
161
+ flex: 1 1 auto;
162
+ display: flex;
163
+ flex-direction: column;
164
+ align-items: start;
165
+ padding-left: 0;
194
166
 
195
167
  .desc {
196
168
  display: flex;
197
169
  margin-bottom: 3px;
198
170
  align-items: baseline;
199
171
 
172
+ .label:empty {
173
+ display: none;
174
+ }
175
+
176
+ .label:not(:empty) + .val {
177
+ margin-left: 0;
178
+ }
179
+
180
+ &:has(.label:empty) {
181
+ opacity: 0.7;
182
+ font-size: 0.85em;
183
+ padding-left: 1em;
184
+ }
185
+
200
186
  &.desc-column {
201
187
  flex-direction: column;
202
188
  padding-bottom: 6px;
@@ -249,7 +235,7 @@
249
235
 
250
236
  &.column-flex {
251
237
  max-height: 60vh;
252
- column-count: 2;
238
+ column-count: 3;
253
239
  column-gap: 20px;
254
240
  column-fill: balance; /* equilibra las columnas */
255
241
 
@@ -257,6 +243,11 @@
257
243
  &.single-item {
258
244
  column-count: 1;
259
245
  }
246
+
247
+ // Mobile: 2 columnas
248
+ @media screen and (max-width: 959px) {
249
+ column-count: 2;
250
+ }
260
251
  }
261
252
 
262
253
  &.flex {
@@ -803,6 +803,8 @@ export default {
803
803
  $days.forEach(($dia) => {
804
804
  if (config.timeline.dateWithContextMenu) {
805
805
  $dia.addEventListener("contextmenu", (evt) => {
806
+ evt.preventDefault();
807
+ evt.stopPropagation();
806
808
  $elem.dispatchEvent(
807
809
  new CustomEvent("contextMenuDate", {
808
810
  bubbles: true,