Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: projectcaluma/ember-alexandria
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: v10.1.0
Choose a base ref
...
head repository: projectcaluma/ember-alexandria
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: main
Choose a head ref
Loading
Showing with 538 additions and 563 deletions.
  1. +4 −4 addon/components/single-document-details.hbs
  2. +18 −2 app/styles/_responsive.scss
  3. +14 −14 package.json
  4. +502 −543 pnpm-lock.yaml
8 changes: 4 additions & 4 deletions addon/components/single-document-details.hbs
Original file line number Diff line number Diff line change
@@ -20,7 +20,7 @@
</label>

<div
class="uk-flex uk-flex-middle uk-text-large uk-text-break"
class="uk-flex uk-flex-middle uk-text-break"
data-test-title-container
>
<FaIcon
@@ -31,9 +31,9 @@
{{set-style color=@document.category.color}}
/>
{{#if this.editTitle}}
<form {{on "submit" (perform this.saveDocument)}}>
<form {{on "submit" (perform this.saveDocument)}} class="uk-flex uk-width-expand">
<input
class="uk-input uk-width-auto
class="uk-input uk-width-expand
{{unless this.validTitle 'uk-form-danger'}}"
id="alexandria-details-title"
type="text"
@@ -51,7 +51,7 @@
></button>
</form>
{{else}}
<span data-test-title>{{@document.title}}</span>
<span class="uk-text-bolder" data-test-title>{{@document.title}}</span>
{{/if}}
</div>
</div>
20 changes: 18 additions & 2 deletions app/styles/_responsive.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
$animation-duration: 0.75s;

.alexandria-container {
container: alexandria / inline-size;
}
@@ -6,6 +8,12 @@
container: table / inline-size;
}

.document-details {
> div {
transition: min-width $animation-duration ease-in-out;
}
}

@container alexandria (max-width: 1625px) {
.document-details {
> div {
@@ -22,7 +30,15 @@
}
}

@container table (max-width: 700px) {
@container alexandria (max-width: 1475px) {
.document-details {
> div {
min-width: 225px;
}
}
}

@container table (max-width: 650px) {
.document-list-item-createdByUser {
display: none;
}
@@ -65,7 +81,7 @@
}
}

@container table (max-width: 600px) {
@container table (max-width: 550px) {
.document-list-item-modifiedAt {
display: none;
}
28 changes: 14 additions & 14 deletions package.json
Original file line number Diff line number Diff line change
@@ -60,7 +60,7 @@
"ember-promise-helpers": "^2.0.0",
"ember-test-selectors": "^7.0.0",
"ember-truth-helpers": "^4.0.3",
"ember-uikit": "^9.1.2",
"ember-uikit": "^9.1.3",
"file-saver": "^2.0.5",
"flatpickr": "^4.6.13",
"luxon": "^3.5.0",
@@ -76,10 +76,10 @@
"@ember-data/serializer": "4.12.8",
"@ember/test-helpers": "4.0.4",
"@embroider/test-setup": "4.0.0",
"@faker-js/faker": "9.2.0",
"@faker-js/faker": "9.3.0",
"@fortawesome/fontawesome-svg-core": "6.7.1",
"broccoli-asset-rev": "3.0.0",
"concurrently": "9.1.0",
"concurrently": "9.1.1",
"ember-cli": "6.0.1",
"ember-cli-clean-css": "3.0.0",
"ember-cli-dependency-checker": "3.3.3",
@@ -102,26 +102,26 @@
"ember-try": "3.0.0",
"eslint": "8.57.1",
"eslint-config-prettier": "9.1.0",
"eslint-plugin-ember": "12.3.2",
"eslint-plugin-ember": "12.3.3",
"eslint-plugin-import": "2.31.0",
"eslint-plugin-n": "17.12.0",
"eslint-plugin-n": "17.15.1",
"eslint-plugin-prettier": "5.2.1",
"eslint-plugin-qunit": "8.1.2",
"graphql": "16.9.0",
"graphql": "16.10.0",
"loader.js": "4.7.0",
"miragejs": "0.1.48",
"prettier": "3.3.3",
"qunit": "2.22.0",
"qunit-dom": "3.3.0",
"sass": "1.81.0",
"semantic-release": "24.2.0",
"prettier": "3.4.2",
"qunit": "2.23.1",
"qunit-dom": "3.4.0",
"sass": "1.83.0",
"semantic-release": "24.2.1",
"sinon": "19.0.2",
"stylelint": "16.10.0",
"stylelint-config-standard-scss": "13.1.0",
"stylelint": "16.12.0",
"stylelint-config-standard-scss": "14.0.0",
"stylelint-prettier": "5.0.2",
"stylelint-scss": "6.10.0",
"uikit": "3.21.16",
"webpack": "5.96.1"
"webpack": "5.97.1"
},
"ember": {
"edition": "octane"
Loading