Skip to content

Commit

Permalink
fixed menu icons (#377)
Browse files Browse the repository at this point in the history
  • Loading branch information
@memurats
memurats authored Nov 14, 2024
1 parent cab1b27 commit 988a15f
Show file tree
Hide file tree
Showing 4 changed files with 122 additions and 39 deletions.
2 changes: 1 addition & 1 deletion css/apps/photos.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -852,7 +852,7 @@
}

th {
background-color: unset;
background-color: var(--telekom-color-background-surface);

.button-vue {
border: none;
Expand Down
142 changes: 104 additions & 38 deletions css/components/ncactions.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,56 +21,122 @@
.v-popper__popper {
.v-popper__wrapper {
.v-popper__inner {
ul li.action {
&.active {
background-color: initial;
}
ul {
display: flex;
flex-direction: column;

&.upload-picker__menu-entry {
li.action-separator, li.app-navigation-caption {
display: none;
}

.icon-vue {
background-image: var(--icon-folder-dark);
li.action {

&.active {
background-color: initial;
}

&.upload-picker__menu-entry {

.icon-filetype-draw {
background-image: var(--icon-filetype-diagram-dark);
}
&[data-cy-upload-picker-menu-entry="newFolder"] , &[data-cy-upload-picker-menu-entry="template-picker"] {
.icon-vue {
background-image: var(--icon-folder-dark);
}
}

.icon-filetype-document {
background-image: var(--icon-filetype-document-dark);
}
&[data-cy-upload-picker-menu-entry="rich-workspace-init"] {
.icon-vue {
background-image: var(--icon-folder-description-dark);
}
}

.icon-filetype-presentation {
background-image: var(--icon-filetype-presentation-dark);
}
&[data-cy-upload-picker-menu-entry="template-new-richdocuments-1"] {
order: 1;

.icon-filetype-spreadsheet {
background-image: var(--icon-filetype-spreadsheet-dark);
}
}

&:hover {
.action-button__icon {
filter: none;
}
}
.icon-vue {
background-image: var(--icon-filetype-document-dark);
}

&:hover {
.icon-vue {
filter: none;
}
}
}

button.action-button {
padding-left: 0px;
font-weight: normal;

&:hover, &:focus {
outline: none;
}
&[data-cy-upload-picker-menu-entry="template-new-richdocuments-2"] {
order: 2;

.icon-vue {
background-image: var(--icon-filetype-spreadsheet-dark);
}

&:hover {
.icon-vue {
filter: none;
}
}
}

&[data-cy-upload-picker-menu-entry="template-new-richdocuments-3"] {
order: 3;

.icon-vue {
background-image: var(--icon-filetype-presentation-dark);
}

&:hover {
.icon-vue {
filter: none;
}
}
}

.material-design-icon {
&[data-cy-upload-picker-menu-entry="template-new-richdocuments-4"] {
order: 4;

&.upload-icon {
background-image: var(--icon-upload-dark);
.icon-vue {
background-image: var(--icon-filetype-diagram-dark);
}

&:hover {
.icon-vue {
filter: none;
}
}
}

svg {
display: none;
&[data-cy-upload-picker-menu-entry="template-new-text-0"] {
order: 5;

.icon-vue {
background-image: var(--icon-file-grey);
}

&:hover {
.icon-vue {
filter: none;
}
}
}
}

button.action-button {
padding-left: 0px;
font-weight: normal;

&:hover, &:focus {
outline: none;
}

.material-design-icon {

&.upload-icon {
background-image: var(--icon-upload-dark);
}

svg {
display: none;
}
}
}
}
Expand Down
16 changes: 16 additions & 0 deletions img/actions/folder-description.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/icons.mjs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,6 +78,7 @@ const icons = {
upload: path.join(__dirname, '../img', 'actions', 'upload.svg'),
user: path.join(__dirname, '../img', 'actions', 'user.svg'),
folder: path.join(__dirname, '../img', 'actions', 'folder.svg'),
'folder-description': path.join(__dirname, '../img', 'actions', 'folder-description.svg'),
'mime-folder': path.join(__dirname, '../img', 'filetypes', 'folder.svg'),
'mime-folder-audio': path.join(__dirname, '../img', 'filetypes', 'folder-audio.svg'),
'mime-folder-encrypted': path.join(__dirname, '../img', 'filetypes', 'folder-encrypted.svg'),
Expand Down

0 comments on commit 988a15f

Please sign in to comment.