nextcloud
/
server
зеркало из https://github.com/nextcloud/server.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

fix(files): Adjust NavigationQuota for Nextcloud 30 design 

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
This commit is contained in:
Ferdinand Thiessen 2024-10-16 12:04:52 +02:00
Родитель 7b2a614ca5
Коммит 6bf7dc1491
Не найден ключ, соответствующий данной подписи
Идентификатор ключа GPG: 45FAE7268762B400
3 изменённых файлов: 18 добавлений и 9 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

13
apps/files/src/components/NavigationQuota.vue
Просмотреть файл

@ -167,15 +167,18 @@ export default {
// User storage stats display // User storage stats display
.app-navigation-entry__settings-quota { .app-navigation-entry__settings-quota {
// Align title with progress and icon // Align title with progress and icon
&--not-unlimited::v-deep .app-navigation-entry__name { --app-navigation-quota-margin: calc((var(--default-clickable-area) - 24px) / 2); // 20px icon size and 4px progress bar
margin-top: -6px;
&--not-unlimited :deep(.app-navigation-entry__name) {
line-height: 1;
margin-top: var(--app-navigation-quota-margin);
} }
progress { progress {
position: absolute; position: absolute;
bottom: 12px; bottom: var(--app-navigation-quota-margin);
margin-left: 44px; margin-inline-start: var(--default-clickable-area);
width: calc(100% - 44px - 22px); width: calc(100% - (1.5 * var(--default-clickable-area)));
} }
} }
</style> </style>

10
apps/files/src/views/Navigation.cy.ts
Просмотреть файл

@ -216,8 +216,9 @@ describe('Quota rendering', () => {
cy.get('[data-cy-files-navigation-settings-quota]').should('be.visible') cy.get('[data-cy-files-navigation-settings-quota]').should('be.visible')
cy.get('[data-cy-files-navigation-settings-quota]').should('contain.text', '1 GB of 5 GB used') cy.get('[data-cy-files-navigation-settings-quota]').should('contain.text', '1 GB of 5 GB used')
cy.get('[data-cy-files-navigation-settings-quota] progress').should('be.visible') cy.get('[data-cy-files-navigation-settings-quota] progress')
cy.get('[data-cy-files-navigation-settings-quota] progress').should('have.attr', 'value', '20') .should('exist')
.and('have.attr', 'value', '20')
}) })
it('Reached quota', () => { it('Reached quota', () => {
@ -237,7 +238,8 @@ describe('Quota rendering', () => {
cy.get('[data-cy-files-navigation-settings-quota]').should('be.visible') cy.get('[data-cy-files-navigation-settings-quota]').should('be.visible')
cy.get('[data-cy-files-navigation-settings-quota]').should('contain.text', '5 GB of 1 GB used') cy.get('[data-cy-files-navigation-settings-quota]').should('contain.text', '5 GB of 1 GB used')
cy.get('[data-cy-files-navigation-settings-quota] progress').should('be.visible') cy.get('[data-cy-files-navigation-settings-quota] progress')
cy.get('[data-cy-files-navigation-settings-quota] progress').should('have.attr', 'value', '100') // progress max is 100 .should('exist')
.and('have.attr', 'value', '100') // progress max is 100
}) })
}) })

4
cypress/support/component.ts
Просмотреть файл

@ -4,6 +4,10 @@
*/ */
import 'cypress-axe' import 'cypress-axe'
// styles
import '../../apps/theming/css/default.css'
import '../../core/css/server.css'
/* eslint-disable */ /* eslint-disable */
import { mount } from '@cypress/vue2' import { mount } from '@cypress/vue2'