diff --git a/css/files_sharing.css b/css/files_sharing.css index c631caf..70172ba 100644 --- a/css/files_sharing.css +++ b/css/files_sharing.css @@ -143,82 +143,6 @@ } } - #downloadFile.button, div#emptycontent > .button.icon-upload { - margin-top: 36px; - background-color: var(--ion-button-secondary-background-default); - border: var(--ion-button-secondary-border-default); - color: var(--ion-button-secondary-text); - border-radius: 50px; - font-size: 14px; - padding: 8px 16px; - min-height: 36px; - height: 36px; - display: inline-flex; - align-items: center; - justify-content: center; - gap: 6px; - opacity: 1; - - .icon { - filter: var(--ion-icon-filter-blue-b8); - opacity: 1; - - @media (prefers-color-scheme: dark) { - filter: none; - } - } - - &:not(:has(> .icon)) { - padding-left: 42px; - - &:hover::before { - content: ""; - width: 16px; - height: 16px; - background-image: inherit; - filter: var(--ion-icon-filter-secondary-text-hover); - position: relative; - margin-left: -26px; - margin-right: 6px; - - @media (prefers-color-scheme: dark) { - filter: var(--ion-icon-filter-blue-b8); - } - } - } - - &:hover { - background-color: var(--ion-button-secondary-background-hover); - color: var(--ion-button-secondary-text-hover); - opacity: 1; - - .icon { - filter: var(--ion-icon-filter-secondary-text-hover); - opacity: 1; - - @media (prefers-color-scheme: dark) { - filter: var(--ion-icon-filter-blue-b8); - } - } - } - - &:active { - background-color: var(--ion-button-secondary-background-active); - border-color: var(--ion-button-secondary-background-active); - color: var(--ion-button-secondary-text-active) - } - - &:focus:not(:hover) { - border: var(--ion-button-secondary-border-default); - color: var(--ion-button-secondary-text); - } - - &:disabled { - background-color: var(--ion-button-secondary-background-disabled); - color: var(--ion-button-secondary-text-disabled); - } - } - div#emptycontent, .emptycontent { .icon-folder, &:not(:hover) .icon-upload { filter: light-dark(var(--ion-icon-filter-blue-b8), var(--ion-icon-filter-cool-grey-c1)); @@ -478,15 +402,15 @@ font-weight: bolder; } - #header-primary-action a { + #header-primary-action a, #public-page-menu--primary { background-color: var(--ion-button-secondary-background-default); border: var(--ion-button-secondary-border-default); color: var(--ion-button-secondary-text); border-radius: 50px; + height: 36px; font-size: 14px; - padding: 8px 16px; - &:not(:hover) ionos-icons { + ionos-icons, .icon { filter: light-dark(var(--ion-icon-filter-blue-b8), var(--ion-icon-filter-cool-grey-c1)); } @@ -494,7 +418,7 @@ background-color: var(--ion-button-secondary-background-hover); color: var(--ion-button-secondary-text-hover); - ionos-icons { + ionos-icons, .icon { filter: var(--ion-icon-filter-secondary-text-hover); @media (prefers-color-scheme: dark) { @@ -525,7 +449,7 @@ #header-actions-toggle { cursor: pointer; - background-color: var(--ion-color-main-background);; + background-color: var(--ion-color-main-background); } #header-actions-menu {