diff --git a/apps/meteor/app/discussion/client/views/DiscussionTabbar.html b/apps/meteor/app/discussion/client/views/DiscussionTabbar.html deleted file mode 100644 index 80f65ec9d16c..000000000000 --- a/apps/meteor/app/discussion/client/views/DiscussionTabbar.html +++ /dev/null @@ -1,3 +0,0 @@ - diff --git a/apps/meteor/app/livechat/client/stylesheets/livechat.css b/apps/meteor/app/livechat/client/stylesheets/livechat.css index 53fb8737b7d2..c390e2bc7064 100644 --- a/apps/meteor/app/livechat/client/stylesheets/livechat.css +++ b/apps/meteor/app/livechat/client/stylesheets/livechat.css @@ -43,41 +43,6 @@ padding: 0 20px; } -.visitor-navigation, -.visitor-custom-fields { - .visitor-scroll { - overflow-y: auto; - - height: 130px; - margin-top: 4px; - margin-bottom: 20px; - padding: 4px; - - border: 1px solid #e7e7e7; - border-radius: 4px; - - ul { - li { - white-space: nowrap; - - a { - display: block; - overflow: hidden; - - text-decoration: underline; - text-overflow: ellipsis; - - color: var(--secondary-font-color); - - &:hover { - text-decoration: none; - } - } - } - } - } -} - .livechat-status { color: #9d9fa3; @@ -96,34 +61,12 @@ bottom: 0; left: 10px; - content: " "; + content: ' '; border-bottom: 1px solid #cccccc; } } -.user-view { - li { - color: var(--secondary-font-color); - - font-size: 12px; - font-weight: 300; - line-height: 18px; - } - - nav.centered-buttons { - margin-bottom: 1em; - - text-align: center; - - button { - display: inline-block; - - width: auto; - } - } -} - .visitor-edit { h3 { margin-bottom: 8px; diff --git a/apps/meteor/app/theme/client/imports/components/badge.css b/apps/meteor/app/theme/client/imports/components/badge.css deleted file mode 100644 index cbfac82b1a9b..000000000000 --- a/apps/meteor/app/theme/client/imports/components/badge.css +++ /dev/null @@ -1,39 +0,0 @@ -.badge { - display: flex; - - min-width: 18px; - min-height: 18px; - margin: 0 3px; - padding: 2px 5px; - - color: var(--badge-text-color); - border-radius: var(--badge-radius); - background-color: var(--badge-background); - - font-size: var(--badge-text-size); - line-height: 1; - align-items: center; - justify-content: center; - - &--unread { - white-space: nowrap; - - background-color: var(--badge-unread-background); - } - - &--thread { - margin: 0 3px; - - white-space: nowrap; - - background-color: var(--badge-unread-background); - } - - &--user-mentions { - background-color: var(--badge-user-mentions-background); - } - - &--group-mentions { - background-color: var(--badge-group-mentions-background); - } -} diff --git a/apps/meteor/app/theme/client/imports/components/chip.css b/apps/meteor/app/theme/client/imports/components/chip.css deleted file mode 100644 index 8c475bd1e8fc..000000000000 --- a/apps/meteor/app/theme/client/imports/components/chip.css +++ /dev/null @@ -1,24 +0,0 @@ -.chip-container { - list-style-type: none; -} - -.chip-container li, -.chip-container__item { - display: inline-block; - - margin: 1px 0; - padding: 8px; - - border-radius: 2px; - background-color: var(--chip-background); - - & > .icon { - width: 24px; - } -} - -.chip-container .icon-plus-circled { - opacity: 0.5; - - font-size: 0.8rem; -} diff --git a/apps/meteor/app/theme/client/imports/components/contextual-bar.css b/apps/meteor/app/theme/client/imports/components/contextual-bar.css index 6ce4092d5766..8f54ce6b9553 100644 --- a/apps/meteor/app/theme/client/imports/components/contextual-bar.css +++ b/apps/meteor/app/theme/client/imports/components/contextual-bar.css @@ -193,76 +193,3 @@ animation: dropup-show 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95); } } - -.contextual-bar__content.mail-messages { - & .rc-popup-list { - z-index: 1; - } - - & .rc-input:not(:last-child) { - margin-bottom: 2rem; - } -} - -.mail-messages__instructions { - display: flex; - - margin-bottom: 3rem; - - padding: 1.25rem; - - color: var(--rc-color-alert-message-primary); - - border-width: 1px; - border-color: var(--rc-color-alert-message-primary); - border-radius: 2px; - background: var(--rc-color-alert-message-primary-background); - - &--selected { - cursor: pointer; - - color: var(--rc-color-alert-message-secondary); - border-color: var(--rc-color-alert-message-secondary); - background: var(--rc-color-alert-message-secondary-background); - } - - &--warning { - color: var(--rc-color-alert-message-warning); - border-color: var(--rc-color-alert-message-warning); - background: var(--rc-color-alert-message-warning-background); - } - - &-wrapper { - display: flex; - - margin: 0 -10px; - } - - &-icon { - margin: 0 10px; - - font-size: 2rem; - - &--hand-pointer { - margin: 0 15px; - - transform: rotate3d(0, 0, 1, -25deg); - fill: currentColor; - } - } - - &-text { - display: flex; - flex-direction: column; - - margin: 0 10px; - - font-size: 0.875rem; - font-weight: 600; - line-height: 1.2rem; - - &-selected { - font-weight: 400; - } - } -} diff --git a/apps/meteor/app/theme/client/imports/components/modal/create-channel.css b/apps/meteor/app/theme/client/imports/components/modal/create-channel.css deleted file mode 100644 index f9c5a8be28cd..000000000000 --- a/apps/meteor/app/theme/client/imports/components/modal/create-channel.css +++ /dev/null @@ -1,65 +0,0 @@ -.create-channel { - display: flex; - flex-direction: column; - - width: 100%; - - animation-name: fadeIn; - animation-duration: 1s; - - &__content { - overflow: auto; - flex: 1 1 auto; - - margin: 0 -40px; - padding: 0 40px; - } - - &__wrapper { - display: flex; - flex-direction: column; - - height: 100%; - } - - &__switches, - &__inputs:not(:only-of-type), - & .rc-input:not(:only-of-type) { - margin-bottom: var(--create-channel-gap-between-elements); - } - - &__description { - padding: var(--create-channel-gap-between-elements) 0; - - color: var(--create-channel-description-color); - - font-size: var(--create-channel-description-text-size); - } - - &__switches { - display: flex; - flex-wrap: wrap; - } - - & .rc-switch { - width: 100%; - - &:not(:last-child) { - margin-bottom: 2rem; - } - } - - & .rc-input__icon-svg { - font-size: 1.2rem; - } -} - -@keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} diff --git a/apps/meteor/app/theme/client/imports/forms/select-avatar.css b/apps/meteor/app/theme/client/imports/forms/select-avatar.css deleted file mode 100644 index 41510385bf38..000000000000 --- a/apps/meteor/app/theme/client/imports/forms/select-avatar.css +++ /dev/null @@ -1,72 +0,0 @@ -.rc-select-avatar { - display: flex; - align-items: flex-start; - - &__preview { - flex: 0 0 var(--select-avatar-preview-size); - - width: var(--select-avatar-preview-size); - height: var(--select-avatar-preview-size); - margin-right: 1rem; - - background-color: transparent; - background-image: - linear-gradient(45deg, var(--color-gray) 25%, transparent 25%, transparent 75%, var(--color-gray) 75%, var(--color-gray)), - linear-gradient(45deg, var(--color-gray) 25%, transparent 25%, transparent 75%, var(--color-gray) 75%, var(--color-gray)); - background-position: 0 0, 5px 5px; - background-size: 10px 10px; - } - - &__loading::after { - display: inline-block; - overflow: hidden; - - width: 0; - - content: "\2026"; /* ascii code for the ellipsis character */ - animation: ellipsis steps(4, end) 1.5s infinite; - vertical-align: bottom; - } - - &__list { - display: flex; - flex-wrap: wrap; - - &-item { - width: var(--select-avatar-size); - height: var(--select-avatar-size); - margin-right: 10px; - margin-bottom: 10px; - - &.disabled { - opacity: 0.4; - } - - cursor: pointer; - - & .avatar { - transition: opacity 0.5s; - } - - & .avatar:hover { - opacity: 0.8; - } - } - } - - &__upload-label { - display: block; - - cursor: pointer; - - color: var(--select-avatar-upload-color); - background: var(--select-avatar-upload-background); - } - - &__upload-icon { - width: var(--select-avatar-size); - height: var(--select-avatar-size); - padding: 12px; - fill: currentColor; - } -} diff --git a/apps/meteor/app/theme/client/imports/general/base_old.css b/apps/meteor/app/theme/client/imports/general/base_old.css index 2d5b2b866968..23450521d1c8 100644 --- a/apps/meteor/app/theme/client/imports/general/base_old.css +++ b/apps/meteor/app/theme/client/imports/general/base_old.css @@ -2,11 +2,6 @@ overflow: hidden !important; } -.rc-old .page-settings, -.rc-old .page-settings * { - user-select: text; -} - .rc-old code { margin: 5px 0; padding: 0.5em; @@ -19,13 +14,7 @@ border-width: 1px; border-radius: var(--border-radius); - font-family: - Menlo, - Monaco, - Consolas, - "Liberation Mono", - "Courier New", - monospace; + font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; font-size: 13px; font-weight: 600; direction: ltr; @@ -327,35 +316,6 @@ } } -.rc-old input { - & .input-forward { - visibility: hidden; - - width: 0; - - transition: width 0.5s ease-in; - - & .show { - visibility: visible; - - width: calc(100% - 48px); - } - } - - & .search::before { - position: absolute; - top: 0; - left: 0; - - display: block; - - width: 30px; - height: 30px; - - content: ' '; - } -} - .rc-old form.inline { & input[type='text'], & input[type='number'], @@ -867,210 +827,6 @@ /* MAIN CONTENT + MAIN PAGES */ -.rc-old .page-settings { - & .content { - & h2 { - margin-bottom: 2rem; - } - - & h3 { - margin-bottom: 1rem; - } - - & > .info { - max-width: none; - padding-left: 20px; - - font-size: 16px; - font-weight: 500; - line-height: 24px; - } - } - - & .section { - padding: 20px 0; - - &:not(:only-child) { - border-bottom: 2px solid #dddddd; - - &.section-collapsed .section-content { - display: none; - } - - .section-title-right { - visibility: visible; - } - } - } - - & .section-title { - display: flex; - - cursor: pointer; - - & .section-title-text { - user-select: none; - - font-size: 1rem; - font-weight: 500; - - line-height: 3rem; - - flex-grow: 1; - } - - & .section-title-right { - visibility: hidden; - - & > .rc-button { - font-size: 1.25rem; - } - } - } - - & .section-content { - padding: 20px 0 !important; - - border: none !important; - border-radius: 0 !important; - - p { - margin-bottom: 0.75rem; - } - - & .input-line { - display: flex; - - margin-bottom: 0; - padding: 10px 0; - - align-items: flex-start; - - &:last-child { - padding-bottom: 0; - - border-bottom: none; - } - - & .add-token { - display: flex; - - & .rc-select { - width: 40%; - margin: 0 0 0 10px; - } - } - - &:first-child { - padding-top: 0; - } - - & .horizontal { - display: flex; - } - - & .flex-grow-1 { - flex-grow: 1; - } - } - - & .reset-setting { - margin-left: 0.75rem; - padding: 0.75rem; - } - - & .setting-label { - min-width: 30%; - - font-weight: 500; - line-height: 16px; - } - - .setting-action { - height: auto; - margin: 0 4px; - } - - & .settings-description { - padding-top: 2px; - - line-height: 1.2rem; - } - - & .settings-alert { - margin-top: 0.75rem; - padding: 1rem; - - border-width: 2px; - - font-weight: bold; - - line-height: 1.2rem; - } - - & .selected-rooms .remove-room { - cursor: pointer; - } - } - - & .settings-description { - user-select: text; - } - - & .rocket-form { - width: 100%; - max-width: none; - padding: 0; - } - - & .settings-file-preview { - display: flex; - align-items: center; - - & input[type='file'] { - position: absolute !important; - z-index: 10000; - top: 0; - left: 0; - - width: 100%; - height: 100%; - - cursor: pointer; - - opacity: 0; - - & * { - cursor: pointer; - } - } - - & .preview { - overflow: hidden; - - width: 100px; - height: 40px; - - margin-right: 0.75rem; - - border-width: var(--input-border-width); - border-color: var(--input-border-color); - border-radius: var(--input-border-radius); - - background-repeat: no-repeat; - background-position: center center; - background-size: contain; - - &.no-file { - display: flex; - - align-items: center; - justify-content: center; - } - } - } -} - .rc-old .page-list { & .search { margin-bottom: 12px; @@ -1561,12 +1317,7 @@ padding: 1rem; border-width: 1px 0 0; - background: - linear-gradient( - to bottom, - var(--rc-color-alert-message-warning-background) 0%, - rgba(255, 255, 255, 0) 100% - ); + background: linear-gradient(to bottom, var(--rc-color-alert-message-warning-background) 0%, rgba(255, 255, 255, 0) 100%); } } @@ -2206,273 +1957,6 @@ } } -.rc-old .user-view { - z-index: 15; - - overflow-x: hidden; - overflow-y: auto; - - & .about { - width: 100%; - margin-bottom: 20px; - } - - & .thumb { - width: 100%; - height: 350px; - padding: 20px; - } - - & nav { - padding: 0 20px; - - & .back { - float: right; - } - } - - & .info { - padding: 0 20px; - - white-space: normal; - - & h2 { - overflow: hidden; - - width: 100%; - margin: 8px 0; - - user-select: text; - white-space: nowrap; - text-overflow: ellipsis; - - font-size: 24px; - line-height: 27px; - - & i::after { - display: inline-block; - - width: 8px; - height: 8px; - - content: ' '; - vertical-align: middle; - - border-radius: var(--border-radius); - } - } - - & h3 { - margin: 8px 0; - } - - & p { - user-select: text; - - font-size: 12px; - font-weight: 300; - line-height: 18px; - } - } - - & .stats li { - display: inline-block; - - margin-bottom: 3px; - padding: 4px 6px; - - border-right: 2px; - border-radius: 2px; - } - - & .box { - position: relative; - - margin-bottom: 25px; - - font-size: 13px; - - & h4 { - margin-bottom: 6px; - - text-transform: uppercase; - - font-size: 13px; - font-weight: 600; - } - - &::after { - position: absolute; - bottom: -10px; - left: 0; - - width: 100%; - height: 1px; - - content: ' '; - } - } - - & .tags li { - display: inline-block; - - padding: 4px; - - border-right: 2px; - } - - & .links { - & i { - margin-right: 5px; - - font-size: 13px; - } - - & a { - position: relative; - - display: block; - overflow: hidden; - - max-width: 100%; - padding: 0 5px; - - transition: background 0.18s ease, color 0.18s ease; - white-space: nowrap; - text-overflow: ellipsis; - - border-radius: 2px; - - line-height: 22px; - - &::before { - position: absolute; - top: 0; - right: 5px; - - content: attr(data-stats); - - opacity: 0; - - font-size: 11px; - } - - &:hover { - padding-right: 34px; - - text-decoration: none; - - &::before { - opacity: 1; - } - } - - & span { - font-weight: 300; - } - } - } - - & .channels { - & h3 { - margin-bottom: 8px; - - font-size: 24px; - line-height: 22px; - } - - & p { - font-size: 12px; - font-weight: 300; - line-height: 18px; - } - - & a { - position: relative; - - display: block; - overflow: hidden; - - max-width: 100%; - padding: 0 5px; - - transition: background 0.18s ease, color 0.18s ease; - white-space: nowrap; - text-overflow: ellipsis; - - border-radius: 2px; - - line-height: 22px; - - &::before { - position: absolute; - top: 0; - right: 5px; - - content: attr(data-stats); - - opacity: 0; - - font-size: 11px; - } - - & span { - font-weight: 300; - } - } - } -} - -.rc-old .edit-form { - padding: 20px 20px 0; - - white-space: normal; - - & h3 { - margin-bottom: 8px; - - font-size: 24px; - line-height: 22px; - } - - & p { - font-size: 12px; - font-weight: 300; - line-height: 18px; - } - - & > .input-line { - margin-top: 20px; - - & #password { - width: 70%; - } - - & #roleSelect { - width: 70%; - } - } - - & nav { - padding: 0; - - &.buttons { - margin-top: 2em; - } - } - - & .form-divisor { - height: 9px; - margin: 2em 0; - - text-align: center; - - & > span { - padding: 0 1em; - } - } -} - .rc-old #login-card { position: relative; z-index: 1; @@ -2825,104 +2309,6 @@ background-color: var(--selection-background); } -.rc-old .avatar-suggestions { - display: flex; - flex-flow: column nowrap; -} - -.rc-old .avatar-suggestion-item { - display: flex; - - width: 100%; - margin: 5px 0; - padding: 12px; - - transition: background-color 0.15s ease-out, border-color 0.15s ease-out; - text-align: left; - - border-width: 1px; - border-radius: var(--border-radius); - align-items: center; - flex-flow: row nowrap; - - &:first-child { - margin-top: 10px; - } - - & .avatar { - position: relative; - - width: 55px; - min-width: 55px; - max-width: 55px; - height: 55px; - min-height: 55px; - max-height: 55px; - - text-align: center; - - background-size: cover; - - font-size: 40px; - } - - & .question-mark::before { - position: absolute; - top: 0; - left: 0; - - width: 100%; - height: 100%; - margin: 0; - - line-height: 55px; - } - - & .action { - padding-left: 20px; - - text-align: right; - } - - & .button { - min-width: 120px; - - cursor: pointer; - text-align: center; - } - - & .input-line { - display: flex; - align-items: center; - } - - & #avatarurl { - margin-right: 20px; - } - - & input[type='file'] { - position: absolute !important; - z-index: 10000; - top: 0; - left: 0; - - width: 100%; - height: 100%; - - cursor: pointer; - - opacity: 0; - - & * { - cursor: pointer; - } - } - - & .avatar-file-input::-webkit-file-upload-button { - visibility: hidden; - } -} - .rc-old .dropzone { & .dropzone-overlay { position: absolute; @@ -3406,9 +2792,7 @@ height: 57px; padding-bottom: 8px; - transition: - transform 0.15s cubic-bezier(0.5, 0, 0.1, 1), - visibility 0.15s cubic-bezier(0.5, 0, 0.1, 1); + transition: transform 0.15s cubic-bezier(0.5, 0, 0.1, 1), visibility 0.15s cubic-bezier(0.5, 0, 0.1, 1); border-bottom: 1px solid var(--color-gray-lightest); justify-content: center; diff --git a/apps/meteor/app/theme/client/imports/general/forms.css b/apps/meteor/app/theme/client/imports/general/forms.css index 6e43b0d4baff..e02c81b5b089 100644 --- a/apps/meteor/app/theme/client/imports/general/forms.css +++ b/apps/meteor/app/theme/client/imports/general/forms.css @@ -187,54 +187,6 @@ } } -.preferences-page { - display: flex; - flex-direction: column; - - height: 100%; - - &--new { - padding: 1.5rem; - } - - &__content { - display: flex; - overflow-y: auto; - flex-direction: column; - - flex: 1; - - width: 100%; - padding: 25px 0; - } - - &--apps .preferences-page__header { - justify-content: space-between; - } - - & .container { - flex: 1; - - width: 100%; - } - - &__title { - margin-top: 20px; - margin-bottom: 20px; - } - - &__alert { - margin-bottom: 20px; - } -} - -@media (width > 500px) { - .preferences-page .container { - max-width: 649px; - margin: auto; - } -} - @keyframes spin { 0% { transform: rotate(0deg); diff --git a/apps/meteor/app/theme/client/imports/general/rtl.css b/apps/meteor/app/theme/client/imports/general/rtl.css index 600fb1b51734..e726921f0680 100644 --- a/apps/meteor/app/theme/client/imports/general/rtl.css +++ b/apps/meteor/app/theme/client/imports/general/rtl.css @@ -28,21 +28,6 @@ } } - & .page-settings { - & .content > .info { - padding-left: 20px; - } - - & .section { - border-right: none; - border-left: 1px solid #dddddd; - - & .section-content .input-line > label { - text-align: right; - } - } - } - & .messages-box { margin: 60px 0 0; @@ -191,22 +176,6 @@ } } - & .user-view { - & nav { - margin-right: -4px; - margin-left: auto; - - & .back { - float: left; - } - } - - & .stats li { - border-right: unset; - border-left: 2px; - } - } - & .arrow { &::before, &::after { diff --git a/apps/meteor/app/theme/client/imports/general/theme_old.css b/apps/meteor/app/theme/client/imports/general/theme_old.css index 2f799629d831..c279199a4603 100644 --- a/apps/meteor/app/theme/client/imports/general/theme_old.css +++ b/apps/meteor/app/theme/client/imports/general/theme_old.css @@ -164,12 +164,6 @@ } } -.input-line { - &.setting-changed > label { - color: var(--selection-color); - } -} - input:-webkit-autofill { color: var(--primary-font-color) !important; background-color: transparent !important; @@ -205,8 +199,8 @@ textarea { background-color: var(--popup-list-selected-background); } -.rc-old input[type="button"], -.rc-old input[type="submit"] { +.rc-old input[type='button'], +.rc-old input[type='submit'] { color: var(--button-secondary-text-color); border-color: var(--button-secondary-background); background: var(--button-secondary-background); @@ -243,7 +237,7 @@ textarea { .message, .flex-tab { a i, - a[class^="icon-"] { + a[class^='icon-'] { color: var(--primary-font-color); &:hover { @@ -256,17 +250,6 @@ textarea { border-color: var(--error-color); } -.page-list, -.page-settings { - a:not(.rc-button) { - color: var(--primary-font-color); - - &:hover { - color: var(--primary-action-color); - } - } -} - .admin-table-row { background-color: var(--transparent-light); @@ -275,12 +258,6 @@ textarea { } } -.avatar-suggestion-item { - .question-mark::before { - color: var(--secondary-font-color); - } -} - .full-page, .page-loading { a { @@ -351,20 +328,6 @@ textarea { } } -.sidebar-item__last-message { - a:not(.mention-link) { - color: var(--link-font-color); - - &:hover { - opacity: 0.6; - } - } -} - -i.status-online { - color: var(--rc-status-online); -} - .status-bg-online { background-color: var(--rc-status-online); } @@ -392,23 +355,11 @@ i.status-busy { color: var(--rc-status-busy); } -.status-bg-busy { - background-color: var(--rc-status-busy); -} - .popup-user-status-busy, .status-busy::after { background-color: var(--rc-status-busy); } -i.status-offline { - color: var(--rc-status-offline); -} - -.status-bg-offline { - background-color: var(--rc-status-offline); -} - .popup-user-status-offline, .status-offline::after { background-color: var(--rc-status-offline); diff --git a/apps/meteor/app/theme/client/main.css b/apps/meteor/app/theme/client/main.css index 1795e14bbef8..7d71e8a6e0f0 100644 --- a/apps/meteor/app/theme/client/main.css +++ b/apps/meteor/app/theme/client/main.css @@ -12,7 +12,6 @@ @import 'imports/forms/input.css'; @import 'imports/forms/select.css'; @import 'imports/forms/popup-list.css'; -@import 'imports/forms/select-avatar.css'; @import 'imports/forms/switch.css'; @import 'imports/forms/tags.css'; @import 'imports/forms/checkbox.css'; @@ -22,7 +21,6 @@ /* Sidebar */ @import 'imports/components/sidebar/sidebar.css'; -@import 'imports/components/sidebar/sidebar-flex.css'; @import 'imports/components/sidebar/rooms-list.css'; /* Main */ @@ -31,20 +29,14 @@ @import 'imports/components/main-content.css'; @import 'imports/components/message-box.css'; @import 'imports/components/avatar.css'; -@import 'imports/components/badge.css'; @import 'imports/components/popover.css'; @import 'imports/components/popout.css'; @import 'imports/components/modal.css'; -@import 'imports/components/chip.css'; @import 'imports/components/messages.css'; @import 'imports/components/read-receipts.css'; @import 'imports/components/contextual-bar.css'; @import 'imports/components/emojiPicker.css'; @import 'imports/components/table.css'; -@import 'imports/components/tabs.css'; - -/* Modal */ -@import 'imports/components/modal/create-channel.css'; /* User Info */ @import 'imports/components/userInfo.css'; diff --git a/apps/meteor/app/ui/client/components/tabs.html b/apps/meteor/app/ui/client/components/tabs.html deleted file mode 100644 index 5ed7ec7395d5..000000000000 --- a/apps/meteor/app/ui/client/components/tabs.html +++ /dev/null @@ -1,16 +0,0 @@ - diff --git a/apps/meteor/app/ui/client/components/tabs.js b/apps/meteor/app/ui/client/components/tabs.js deleted file mode 100644 index 6e5c0c815902..000000000000 --- a/apps/meteor/app/ui/client/components/tabs.js +++ /dev/null @@ -1,31 +0,0 @@ -import { ReactiveVar } from 'meteor/reactive-var'; -import { Template } from 'meteor/templating'; - -import './tabs.html'; - -Template.tabs.onCreated(function () { - this.activeTab = new ReactiveVar(this.data.tabs.tabs.find((tab) => tab.active).value); -}); - -Template.tabs.events({ - 'click .tab'(event, instance) { - const { value } = event.currentTarget.dataset; - if (value === instance.activeTab.get()) { - return; - } - instance.activeTab.set(value); - instance.data.tabs.onChange(value); - }, -}); - -Template.tabs.helpers({ - tabs() { - return Template.instance().data.tabs.tabs.filter((tab) => (tab.condition ? tab.condition() : tab)); - }, - isActive(value) { - return Template.instance().activeTab.get() === value; - }, - ariaSelected(value) { - return Template.instance().activeTab.get() === value ? { 'aria-selected': 'true' } : {}; - }, -}); diff --git a/apps/meteor/app/ui/client/index.ts b/apps/meteor/app/ui/client/index.ts index 4e81639b8563..18deb29f36f1 100644 --- a/apps/meteor/app/ui/client/index.ts +++ b/apps/meteor/app/ui/client/index.ts @@ -12,12 +12,11 @@ import './views/app/photoswipeContent.ts'; // without the *.ts extension, *.html import './components/icon'; import './components/table.html'; import './components/table'; -import './components/tabs'; import './components/popupList.html'; import './components/popupList'; import './components/selectDropdown.html'; -import './components/tooltip'; +// import './components/tooltip'; export { ChatMessages, chatMessages } from './lib/ChatMessages'; export { fileUpload } from './lib/fileUpload';