From 08b61fc452c71532555901dc0dd5843b3b2f579e Mon Sep 17 00:00:00 2001 From: Piyush Date: Wed, 11 Feb 2026 13:07:52 +0000 Subject: [PATCH 1/2] styles for bulk operations in all media photos --- css/apps/photos.scss | 120 +++++++++++++++++++++++++++++++++++++++---- 1 file changed, 109 insertions(+), 11 deletions(-) diff --git a/css/apps/photos.scss b/css/apps/photos.scss index a3f0d25..3c4be16 100644 --- a/css/apps/photos.scss +++ b/css/apps/photos.scss @@ -31,6 +31,88 @@ display: none; } } + + .icon-minus { + width: 24px; + height: 24px; + display: inline-grid; + place-items: center; + background: #e5007d; + border: 0; + border-radius: min(30%, 28px); + padding: 0; + cursor: pointer; + + box-shadow: + 0 1px 2px rgba(0,0,0,.15), + inset 0 0 0 1px rgba(255,255,255,.08); + } + + .icon-minus::before{ + content: ""; + width: 50%; + height: 2px; + background: #fff; + border-radius: 999px; + box-shadow: 0 0 0.5px rgba(0,0,0,.15); + } + + &__filters{ + padding: 0 2rem; + display: flex; + align-items: center; + gap: 1rem; + &__count { + font-weight: 500; + color: var(--color-text-secondary); + } + .button-vue { + background-color: var(--nmc-ods-blue-primary); + border-radius: 9999px; + margin: 0; + min-height: unset; + min-width: unset; + padding: 5px 24px; + + &__icon { + height: 2rem; + min-height: 2rem; + width: 2rem; + min-width: 2rem; + } + + &__text{ + padding: 0; + font-weight: bold; + font-size: 14px; + } + + .material-design-icon{ + &.image-multiple-outline-icon { + position: relative; + display: inline-block; + width: 24px; + height: 24px; + + svg { + display: none; + } + } + &.image-multiple-outline-icon::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: var(--icon-albums-dark); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + } + } + } + } } .photos-navigation { @@ -69,19 +151,17 @@ &__content-buttons { button { - border-radius: var(--border-radius-pill); - border: 1px solid currentColor; - - border-color: var(--color-border); + border-radius: var(--border-radius-rounded); + border: none; + line-height: 1rem; margin: 0; min-height: unset; - min-width: unset; - padding-left: 0; - padding-right: 0; + height: 40px; + padding-left: 0.5rem; + padding-right: 0.5rem; width: auto !important; - .button-vue__icon { height: 2rem; min-height: 2rem; @@ -124,9 +204,12 @@ .button-vue__text { padding: 0; - font-weight: normal; - font-size: 14px; padding-right: 0.5rem; + font-weight: bold; + margin-bottom: 1px; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } &:hover { @@ -134,10 +217,25 @@ svg, .button-vue__text { - color: var(--color-primary-hover); + color: unset; } } } + + &__buttons { + .button-vue { + border: 1px solid var(--color-main-text); + border-radius: 50%; + width: 40px !important; + height: 40px !important; + min-width: 40px !important; + min-height: 40px !important; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: center; + } + } } &__content-buttons { From 9d5ac68c96c87bce5a5cde25af535d64e51868fb Mon Sep 17 00:00:00 2001 From: Piyush Date: Wed, 11 Feb 2026 13:19:17 +0000 Subject: [PATCH 2/2] fixed lint errors --- src/fix-ods-tokens.mjs | 20 ++++++++++---------- src/js/filessettings.js | 2 +- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/src/fix-ods-tokens.mjs b/src/fix-ods-tokens.mjs index a2a9cf6..7cb603b 100644 --- a/src/fix-ods-tokens.mjs +++ b/src/fix-ods-tokens.mjs @@ -1,16 +1,16 @@ -import fs from "fs"; +import fs from 'fs' -const SRC = "node_modules/@telekom-ods/design-tokens/dist/design-tokens.css"; -const DEST = "css/telekom-design-tokens.ods.css"; +const SRC = 'node_modules/@telekom-ods/design-tokens/dist/design-tokens.css' +const DEST = 'css/telekom-design-tokens.ods.css' -let css = fs.readFileSync(SRC, "utf8"); +let css = fs.readFileSync(SRC, 'utf8') // Ersetzungen durchführen -css = css.replace(/:root,\[data-scheme="neutral"\]/g, '[data-scheme="neutral"]'); -css = css.replace(/\[data-scheme="macaw"\]/g, ':root,[data-scheme="macaw"]'); -css = css.replace(/\[data-mode=/g, '[data-themes*='); +css = css.replace(/:root,\[data-scheme="neutral"\]/g, '[data-scheme="neutral"]') +css = css.replace(/\[data-scheme="macaw"\]/g, ':root,[data-scheme="macaw"]') +css = css.replace(/\[data-mode=/g, '[data-themes*=') -fs.mkdirSync("css", { recursive: true }); -fs.writeFileSync(DEST, css); +fs.mkdirSync('css', { recursive: true }) +fs.writeFileSync(DEST, css) -console.log("✔ ODS tokens fixed"); +process.stdout.write('✔ ODS tokens fixed\n') diff --git a/src/js/filessettings.js b/src/js/filessettings.js index 62accfc..fcc5d38 100644 --- a/src/js/filessettings.js +++ b/src/js/filessettings.js @@ -31,7 +31,7 @@ window.addEventListener('DOMContentLoaded', () => { const entrySettings = document.querySelector('.app-navigation-entry__settings') if (!entrySettings) return - let anchor = document.createElement('div') + const anchor = document.createElement('div') anchor.id = 'storage-quota-app' entrySettings.appendChild(anchor)