diff --git a/frontend/package-lock.json b/frontend/package-lock.json index e683fa99..1c54bd58 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -8,6 +8,7 @@ "name": "skore-frontend", "version": "0.0.0", "dependencies": { + "@floating-ui/vue": "^1.1.5", "@vscode/markdown-it-katex": "^1.1.0", "date-fns": "^3.6.0", "markdown-it": "^14.1.0", @@ -1260,6 +1261,68 @@ "node": "^12.22.0 || ^14.17.0 || >=16.0.0" } }, + "node_modules/@floating-ui/core": { + "version": "1.6.8", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.8.tgz", + "integrity": "sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==", + "license": "MIT", + "dependencies": { + "@floating-ui/utils": "^0.2.8" + } + }, + "node_modules/@floating-ui/dom": { + "version": "1.6.11", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.11.tgz", + "integrity": "sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==", + "license": "MIT", + "dependencies": { + "@floating-ui/core": "^1.6.0", + "@floating-ui/utils": "^0.2.8" + } + }, + "node_modules/@floating-ui/utils": { + "version": "0.2.8", + "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz", + "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==", + "license": "MIT" + }, + "node_modules/@floating-ui/vue": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.5.tgz", + "integrity": "sha512-ynL1p5Z+woPVSwgMGqeDrx6HrJfGIDzFyESFkyqJKilGW1+h/8yVY29Khn0LaU6wHBRwZ13ntG6reiHWK6jyzw==", + "license": "MIT", + "dependencies": { + "@floating-ui/dom": "^1.0.0", + "@floating-ui/utils": "^0.2.8", + "vue-demi": ">=0.13.0" + } + }, + "node_modules/@floating-ui/vue/node_modules/vue-demi": { + "version": "0.14.10", + "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz", + "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==", + "hasInstallScript": true, + "license": "MIT", + "bin": { + "vue-demi-fix": "bin/vue-demi-fix.js", + "vue-demi-switch": "bin/vue-demi-switch.js" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/antfu" + }, + "peerDependencies": { + "@vue/composition-api": "^1.0.0-rc.1", + "vue": "^3.0.0-0 || ^2.6.0" + }, + "peerDependenciesMeta": { + "@vue/composition-api": { + "optional": true + } + } + }, "node_modules/@humanwhocodes/config-array": { "version": "0.11.14", "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz", diff --git a/frontend/package.json b/frontend/package.json index aefe63ef..eb6410ea 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -17,6 +17,7 @@ "format": "prettier --write src/" }, "dependencies": { + "@floating-ui/vue": "^1.1.5", "@vscode/markdown-it-katex": "^1.1.0", "date-fns": "^3.6.0", "markdown-it": "^14.1.0", diff --git a/frontend/src/ShareApp.vue b/frontend/src/ShareApp.vue index 86d9ef78..5e80c6de 100644 --- a/frontend/src/ShareApp.vue +++ b/frontend/src/ShareApp.vue @@ -1,16 +1,19 @@ diff --git a/frontend/src/assets/fonts/icomoon.eot b/frontend/src/assets/fonts/icomoon.eot index 65804798..948bc6ff 100644 Binary files a/frontend/src/assets/fonts/icomoon.eot and b/frontend/src/assets/fonts/icomoon.eot differ diff --git a/frontend/src/assets/fonts/icomoon.svg b/frontend/src/assets/fonts/icomoon.svg index c75f27a7..df16e710 100644 --- a/frontend/src/assets/fonts/icomoon.svg +++ b/frontend/src/assets/fonts/icomoon.svg @@ -7,31 +7,28 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/assets/fonts/icomoon.ttf b/frontend/src/assets/fonts/icomoon.ttf index 3f16b15e..60f85619 100644 Binary files a/frontend/src/assets/fonts/icomoon.ttf and b/frontend/src/assets/fonts/icomoon.ttf differ diff --git a/frontend/src/assets/fonts/icomoon.woff b/frontend/src/assets/fonts/icomoon.woff index cd3b752a..c73706aa 100644 Binary files a/frontend/src/assets/fonts/icomoon.woff and b/frontend/src/assets/fonts/icomoon.woff differ diff --git a/frontend/src/assets/styles/_icons.css b/frontend/src/assets/styles/_icons.css index f4abe9ac..663ae34f 100644 --- a/frontend/src/assets/styles/_icons.css +++ b/frontend/src/assets/styles/_icons.css @@ -28,109 +28,97 @@ } .icon-branch::before { - content: "\e91a"; -} - -.icon-plus::before { content: "\e900"; } -.icon-trash::before { +.icon-more::before { content: "\e901"; } -.icon-rename::before { +.icon-trash::before { content: "\e902"; } -.icon-duplicate::before { +.icon-edit::before { content: "\e903"; } -.icon-pill::before { +.icon-copy::before { content: "\e904"; } -.icon-new-file::before { +.icon-pill::before { content: "\e905"; } -.icon-recent-file::before { +.icon-new-document::before { content: "\e906"; } -.icon-warning::before { +.icon-recent-document::before { content: "\e907"; } -.icon-info::before { +.icon-plus-circle::before { content: "\e908"; } -.icon-error::before { +.icon-warning::before { content: "\e909"; } -.icon-success::before { +.icon-info::before { content: "\e90a"; } -.icon-grid-layout-large::before { +.icon-error::before { content: "\e90b"; } -.icon-grid-layout-medium::before { +.icon-success::before { content: "\e90c"; } -.icon-grid-layout-small::before { +.icon-search::before { content: "\e90d"; } -.icon-magnifying-glass::before { +.icon-maximize::before { content: "\e90e"; } -.icon-focus::before { +.icon-folder::before { content: "\e90f"; } -.icon-folder::before { +.icon-plot::before { content: "\e910"; } -.icon-plot::before { +.icon-text::before { content: "\e911"; } -.icon-text-size::before { - content: "\e912"; -} - .icon-gift::before { - content: "\e913"; + content: "\e912"; } .icon-pie-chart::before { - content: "\e914"; -} - -.icon-equal::before { - content: "\e915"; + content: "\e913"; } .icon-chevron-left::before { - content: "\e916"; + content: "\e914"; } .icon-chevron-down::before { - content: "\e917"; + content: "\e915"; } .icon-chevron-right::before { - content: "\e918"; + content: "\e916"; } .icon-chevron-up::before { - content: "\e919"; + content: "\e917"; } diff --git a/frontend/src/assets/styles/main.css b/frontend/src/assets/styles/main.css index 94eb7ec9..64da1cd0 100644 --- a/frontend/src/assets/styles/main.css +++ b/frontend/src/assets/styles/main.css @@ -3,6 +3,7 @@ @import url("./_typography.css"); @import url("./_animations.css"); @import url("./_icons.css"); +@import url("simplebar-vue/dist/simplebar.min.css"); @import url("highlight.js/styles/atom-one-dark.css") screen and (prefers-color-scheme: dark); @import url("highlight.js/styles/atom-one-light.css") screen and (prefers-color-scheme: light); diff --git a/frontend/src/components/DataFrameWidget.vue b/frontend/src/components/DataFrameWidget.vue index b2f22d81..3c1e54f2 100644 --- a/frontend/src/components/DataFrameWidget.vue +++ b/frontend/src/components/DataFrameWidget.vue @@ -65,12 +65,7 @@ watch([() => toValue(props.data), () => toValue(props.columns)], () => {