luisgulo/photoprism
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

UX: Improve styles and change "new faces" icon

Browse source
This commit is contained in:
Michael Mayer 2021-09-20 08:47:49 +02:00
parent caa22742aa
commit d56f89611a
4 changed files with 46 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
frontend/package-lock.json generated
View file

@ -1887,9 +1887,9 @@
"integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4="
},
"node_modules/@types/node": {
"version": "16.9.3",
"resolved": "https://registry.npmjs.org/@types/node/-/node-16.9.3.tgz",
"integrity": "sha512-5UmMznRvrwKqisJ458JbNoq3AyXHxlAKMkGtNe143W1SkZ1BVgvCHYBzn7wD66J+smE+BolqA1mes5BeXlWY6w=="
"version": "16.9.4",
"resolved": "https://registry.npmjs.org/@types/node/-/node-16.9.4.tgz",
"integrity": "sha512-KDazLNYAGIuJugdbULwFZULF9qQ13yNWEBFnfVpqlpgAAo6H/qnM9RjBgh0A0kmHf3XxAKLdN5mTIng9iUvVLA=="
},
"node_modules/@types/parse-json": {
"version": "4.0.0",
@ -3502,9 +3502,9 @@
"integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
},
"node_modules/core-js": {
"version": "3.17.3",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-3.17.3.tgz",
"integrity": "sha512-lyvajs+wd8N1hXfzob1LdOCCHFU4bGMbqqmLn1Q4QlCpDqWPpGf+p0nj+LNrvDDG33j0hZXw2nsvvVpHysxyNw==",
"version": "3.18.0",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-3.18.0.tgz",
"integrity": "sha512-WJeQqq6jOYgVgg4NrXKL0KLQhi0CT4ZOCvFL+3CQ5o7I6J8HkT5wd53EadMfqTDp1so/MT1J+w2ujhWcCJtN7w==",
"hasInstallScript": true,
"funding": {
"type": "opencollective",
@ -3512,9 +3512,9 @@
}
},
"node_modules/core-js-compat": {
"version": "3.17.3",
"resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.17.3.tgz",
"integrity": "sha512-+in61CKYs4hQERiADCJsdgewpdl/X0GhEX77pjKgbeibXviIt2oxEjTc8O2fqHX8mDdBrDvX8MYD/RYsBv4OiA==",
"version": "3.18.0",
"resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.18.0.tgz",
"integrity": "sha512-tRVjOJu4PxdXjRMEgbP7lqWy1TWJu9a01oBkn8d+dNrhgmBwdTkzhHZpVJnEmhISLdoJI1lX08rcBcHi3TZIWg==",
"dependencies": {
"browserslist": "^4.17.0",
"semver": "7.0.0"
@ -5955,19 +5955,19 @@
"deprecated": "flatten is deprecated in favor of utility frameworks such as lodash."
},
"node_modules/flow-parser": {
"version": "0.160.0",
"resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.160.0.tgz",
"integrity": "sha512-IBlEM3MCdZfb2gC3QSS5tHdlziVPFwmuz+4Oy+IYaZdRvZZnsoDE3Z4uUmC0xqZwLNk2X6v7M7R++G1V3fgsRA==",
"version": "0.160.1",
"resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.160.1.tgz",
"integrity": "sha512-EHdZ3/2oas3y6h4cj9sQkg4tboaz2xBPwyyjlowZgySbIobOFOO72veYz/dWbrpQO83Ucn0plmSESOl78dwdtw==",
"engines": {
"node": ">=0.4.0"
}
},
"node_modules/flow-remove-types": {
"version": "2.160.0",
"resolved": "https://registry.npmjs.org/flow-remove-types/-/flow-remove-types-2.160.0.tgz",
"integrity": "sha512-VnPoHKNTP7aScVldB2wpQS2YFSWran6P+qtQyRWTZmJlq2FXMXd7RZobLi23TY/7OiHV36xeiM7ui5MxCEAj9A==",
"version": "2.160.1",
"resolved": "https://registry.npmjs.org/flow-remove-types/-/flow-remove-types-2.160.1.tgz",
"integrity": "sha512-QyUmBQBXoP5jsxExCGHkmzD5dosgp74rJVDzHnGqbV+rDzaAGG39TKcAza6AZsb0bkEFLrCS6FIpmC6WWIy+ww==",
"dependencies": {
"flow-parser": "^0.160.0",
"flow-parser": "^0.160.1",
"pirates": "^3.0.2",
"vlq": "^0.2.1"
},
@ -15535,9 +15535,9 @@
"integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4="
},
"@types/node": {
"version": "16.9.3",
"resolved": "https://registry.npmjs.org/@types/node/-/node-16.9.3.tgz",
"integrity": "sha512-5UmMznRvrwKqisJ458JbNoq3AyXHxlAKMkGtNe143W1SkZ1BVgvCHYBzn7wD66J+smE+BolqA1mes5BeXlWY6w=="
"version": "16.9.4",
"resolved": "https://registry.npmjs.org/@types/node/-/node-16.9.4.tgz",
"integrity": "sha512-KDazLNYAGIuJugdbULwFZULF9qQ13yNWEBFnfVpqlpgAAo6H/qnM9RjBgh0A0kmHf3XxAKLdN5mTIng9iUvVLA=="
},
"@types/parse-json": {
"version": "4.0.0",
@ -16816,14 +16816,14 @@
"integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
},
"core-js": {
"version": "3.17.3",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-3.17.3.tgz",
"integrity": "sha512-lyvajs+wd8N1hXfzob1LdOCCHFU4bGMbqqmLn1Q4QlCpDqWPpGf+p0nj+LNrvDDG33j0hZXw2nsvvVpHysxyNw=="
"version": "3.18.0",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-3.18.0.tgz",
"integrity": "sha512-WJeQqq6jOYgVgg4NrXKL0KLQhi0CT4ZOCvFL+3CQ5o7I6J8HkT5wd53EadMfqTDp1so/MT1J+w2ujhWcCJtN7w=="
},
"core-js-compat": {
"version": "3.17.3",
"resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.17.3.tgz",
"integrity": "sha512-+in61CKYs4hQERiADCJsdgewpdl/X0GhEX77pjKgbeibXviIt2oxEjTc8O2fqHX8mDdBrDvX8MYD/RYsBv4OiA==",
"version": "3.18.0",
"resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.18.0.tgz",
"integrity": "sha512-tRVjOJu4PxdXjRMEgbP7lqWy1TWJu9a01oBkn8d+dNrhgmBwdTkzhHZpVJnEmhISLdoJI1lX08rcBcHi3TZIWg==",
"requires": {
"browserslist": "^4.17.0",
"semver": "7.0.0"
@ -18638,16 +18638,16 @@
"integrity": "sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg=="
},
"flow-parser": {
"version": "0.160.0",
"resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.160.0.tgz",
"integrity": "sha512-IBlEM3MCdZfb2gC3QSS5tHdlziVPFwmuz+4Oy+IYaZdRvZZnsoDE3Z4uUmC0xqZwLNk2X6v7M7R++G1V3fgsRA=="
"version": "0.160.1",
"resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.160.1.tgz",
"integrity": "sha512-EHdZ3/2oas3y6h4cj9sQkg4tboaz2xBPwyyjlowZgySbIobOFOO72veYz/dWbrpQO83Ucn0plmSESOl78dwdtw=="
},
"flow-remove-types": {
"version": "2.160.0",
"resolved": "https://registry.npmjs.org/flow-remove-types/-/flow-remove-types-2.160.0.tgz",
"integrity": "sha512-VnPoHKNTP7aScVldB2wpQS2YFSWran6P+qtQyRWTZmJlq2FXMXd7RZobLi23TY/7OiHV36xeiM7ui5MxCEAj9A==",
"version": "2.160.1",
"resolved": "https://registry.npmjs.org/flow-remove-types/-/flow-remove-types-2.160.1.tgz",
"integrity": "sha512-QyUmBQBXoP5jsxExCGHkmzD5dosgp74rJVDzHnGqbV+rDzaAGG39TKcAza6AZsb0bkEFLrCS6FIpmC6WWIy+ww==",
"requires": {
"flow-parser": "^0.160.0",
"flow-parser": "^0.160.1",
"pirates": "^3.0.2",
"vlq": "^0.2.1"
},

13
frontend/src/css/navigation.css
View file

@ -81,8 +81,15 @@
padding-left: 0;
}
#photoprism .v-text-field--single-line .v-select__selections {
white-space: nowrap;
overflow: hidden;
#photoprism .page-toolbar .input-category .v-select__selections {
min-width: 130px;
}
#photoprism .page-toolbar .input-category .v-select__selections input {
position: absolute;
}
#photoprism .page-toolbar .input-category .v-select__selections .v-select__selection {
white-space: nowrap;
overflow: hidden;
}

6
frontend/src/pages/albums.vue
View file

@ -17,8 +17,8 @@
@click:clear="clearQuery"
></v-text-field>
<v-select v-model="filter.category"
solo hide-details overflow single-line
<v-overflow-btn v-model="filter.category"
solo hide-details single-line
:label="$gettext('Category')"
color="secondary-dark"
background-color="secondary"
@ -28,7 +28,7 @@
class="hidden-xs-only input-category background-inherit elevation-0"
@change="updateQuery"
>
</v-select>
</v-overflow-btn>
<v-btn icon class="action-reload" :title="$gettext('Reload')" @click.stop="refresh">
<v-icon>refresh</v-icon>

2
frontend/src/pages/people.vue
View file

@ -71,7 +71,7 @@ export default {
'label': this.$gettext('New'),
'class': '',
'path': '/people/new',
'icon': 'auto_awesome',
'icon': 'person_add',
'readonly': true,
'demo': true,
},