f7cloud_client/themes/forbion/css/pages/app-dashboard/_app-dashboard.css
root 8b6a0139db f7cloud_client
Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-17 22:59:26 +00:00

822 lines
34 KiB
CSS

/* добавить в layout.user.php
'/apps/dashboard' => '/themes/forbion/css/pages/app-dashboard/_app-dashboard.css',
*/
* {
font-family: 'Raleway' !important;
font-variant-numeric: lining-nums;
font-weight: 500;
}
body {
--color-primary-element: #70B62B !important;
--color-primary-element-hover: #6faf2e !important;
--color-primary-element-light-hover: rgba(128, 128, 128, 0.1) !important;
--color-primary-element-light-text: #808080 !important;
--color-primary-light: #F5F5F5 !important;
--color-primary-element-light: #70B62B4D !important;
--color-primary-element-light-hover: #70B62B4D !important;
--color-primary-element-light-text: #808080 !important;
--color-background-hover: rgba(128, 128, 128, 0.1) !important;
--sidebar-pad: 0px;
--vs-border-width: 1px solid #E6E6E6;
--color-main-text: #000 !important;
& #content.app-dashboard {
& #app-dashboard {
& h2 {
color: var(--color-main-text);
font-size: 24px;
font-weight: 600;
padding: 0;
}
& ul.statuses {
margin-bottom: 0;
& .user-status-icon.user-status-icon svg {
display: none;
}
& .user-status-icon.user-status-icon::before {
background-image: url("/themes/forbion/images/dashboard/circle-green.svg") !important;
content: '';
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
& #status-status {
&>div>button {
background-color: transparent;
border: none;
& .button-vue__text {
color: var(--color-main-text);
font-size: 14px;
font-weight: 500;
}
}
}
& #status-weather {
& button {
border: none;
background-color: transparent;
& .button-vue__text {
color: var(--color-main-text);
font-size: 14px;
font-weight: 500;
}
& .button-vue__icon::before {
background-image: url("/themes/forbion/images/dashboard/location-icon-gray.svg") !important;
content: '';
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
& .button-vue__icon img {
display: none;
}
}
}
}
& .panels {
& .panel {
& .panel--content > div[data-id="tasks"]{
padding-top:12px;
}
& .panel--content > div[data-id="circles"],
.panel--content > div.on-this-day-dashboard {
& .empty-content__icon {
display:none;
}
}
& .item-list__entry:has(h3[title="Личные заметки"]),
.item-list__entry:has(h3[title="Обновления приложения «Конференции» ✅"]),
.item-list__entry:has(h3[title="Давайте начнём!"]) {
& .avatardiv {
display: none;
}
}
/*
& .item-list__entry:has(h3[title="Личные заметки"])::before {
background-image: url("/themes/forbion/images/dashboard/notes-icon-color.svg") !important;
content: '';
width: 54px;
height: 34px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
& .item-list__entry:has(h3[title="Обновления приложения «Конференции» ✅"])::before {
background-image: url("/themes/forbion/images/dashboard/update-icon-color.svg") !important;
content: '';
width: 54px;
height: 34px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
& .item-list__entry:has(h3[title="Давайте начнём!"])::before {
background-image: url("/themes/forbion/images/dashboard/chat-avatar-member-icon.svg") !important;
content: '';
width: 54px;
height: 34px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}*/
}
& .panel {
width: 250px;
background-color: transparent;
& .panel--header {
padding: 0;
background-color: white;
border-radius: 8px;
margin-bottom: 4px;
}
& .panel--content {
background-color: white;
border-radius: 8px;
margin: 0;
& .empty-content__icon:has(.material-design-icon.check-icon) {
display: none;
}
& .empty-content {
padding: 25px 16px 0 16px;
}
& .button-vue.button-vue--vue-secondary,
.button-vue.button-vue--secondary {
background-color: #F0F1F4;
border: none;
padding-right: 12px;
& .button-vue__text {
color: var(--color-main-text);
font-size: 14px;
font-weight: 500;
}
}
& .teams-dashboard-widget,
.on-this-day-dashboard {
& .empty-content {
justify-content: start;
& .empty-content__action a {
padding: 0 !important;
}
}
}
& ul[data-v-d3cb7d50] {
& .avatardiv__initials-wrapper {
background-color: #70B62B4D !important;
& .avatardiv__initials {
color: #70B62B !important;
}
}
& .item-list__entry:has(img[src="http://192.168.70.22/apps/circles/img/circles.svg"]) img {
display: none;
}
& .item-list__entry:has(img[src="http://192.168.70.22/apps/circles/img/circles.svg"])::before,
.item-list__entry:has(img[src="https://forbion.f7cloud.ru/apps/circles/img/circles.svg"])::before,
.item-list__entry:has(img[src="http://192.168.70.76/apps/circles/img/circles.svg"])::before {
background-image: url("/themes/forbion/images/dashboard/team-icon-black.svg") !important;
content: '';
width: 14px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 42px;
bottom: 10px;
z-index: 1000;
}
& .avatardiv.popovermenu-wrapper.item-avatar img {
display: none;
}
& .item-list__entry:has(img.api-dashboard-widget-item__icon)::before {
background-image: url("/themes/forbion/images/dashboard/folder-gray.svg") !important;
content: '';
width: 34px;
height: 34px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
& .item-list__entry:has(h3[title="Обновления приложения «Конференции» ✅"])>span::before {
background-image: url("/themes/forbion/images/dashboard/update-icon-color.svg") !important;
content: '';
width: 34px;
height: 34px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
}
& .item-list__entry:has(h3[title="Личные заметки"])>span::before {
background-image: url("/themes/forbion/images/dashboard/notes-icon-color.svg") !important;
content: '';
width: 34px;
height: 34px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
}
& .item-list__entry:has(h3[title="Давайте начнём!"])>span::before {
background-image: url("/themes/forbion/images/dashboard/meeting-color.svg") !important;
content: '';
width: 34px;
height: 34px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
}
& .item-list__entry:has(img.api-dashboard-widget-item__icon)>img,
.item-list__entry:has(h3[title="Обновления приложения «Конференции» ✅"]) img,
.item-list__entry:has(h3[title="Личные заметки"]) img,
.item-list__entry:has(h3[title="Давайте начнём!"]) img {
display: none;
}
}
& ul[data-v-b74472e8] {
display: none;
}
& .dashboard-widget ul[data-v-d3cb7d50]:not(:has(li)):not(.item-list__entry) {
display: none;
}
}
& .panel--header h2 {
color: var(--color-main-text);
font-size: 14px;
font-weight: 500;
display: flex;
justify-content: start;
align-items: center;
}
& .panel--header h2:has(img[src="https://des-new.f7cloud.ru/apps/spreed/img/app-dark.svg"])::before,
.panel--header h2:has(img[src="http://192.168.70.22/apps/spreed/img/app-dark.svg"])::before,
.panel--header h2:has(img[src="https://forbion.f7cloud.ru/apps/spreed/img/app-dark.svg"])::before,
.panel--header h2:has(img[src="http://192.168.70.76/apps/spreed/img/app-dark.svg"])::before {
background-image: url("/themes/forbion/images/dashboard/mention-widget-green.svg") !important;
content: '';
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 12px;
margin-right: 12px;
}
& .panel--header h2:has(img[src="https://des-new.f7cloud.ru/apps/mail/img/mail-dark.svg"])::before,
.panel--header h2:has(img[src="http://192.168.70.22/apps/mail/img/mail-dark.svg"])::before,
.panel--header h2:has(img[src="https://forbion.f7cloud.ru/apps/mail/img/mail-dark.svg"])::before,
.panel--header h2:has(img[src="http://192.168.70.76/apps/mail/img/mail-dark.svg"])::before {
background-image: url("/themes/forbion/images/dashboard/message-icon-green.svg") !important;
content: '';
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 12px;
margin-right: 12px;
}
& .panel--header h2:has(img[src="https://des-new.f7cloud.ru/apps/user_status/img/app-dark.svg"])::before,
.panel--header h2:has(img[src="http://192.168.70.22/apps/user_status/img/app-dark.svg"])::before,
.panel--header h2:has(img[src="https://forbion.f7cloud.ru/apps/user_status/img/app-dark.svg"])::before,
.panel--header h2:has(img[src="http://192.168.70.76/apps/user_status/img/app-dark.svg"])::before {
background-image: url("/themes/forbion/images/dashboard/avatar-widget-green.svg") !important;
content: '';
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 12px;
margin-right: 12px;
}
& .panel--header h2:has(img[src="https://des-new.f7cloud.ru/apps/calendar/img/calendar-dark.svg"])::before,
.panel--header h2:has(img[src="http://192.168.70.22/apps/calendar/img/calendar-dark.svg"])::before,
.panel--header h2:has(img[src="https://forbion.f7cloud.ru/apps/calendar/img/calendar-dark.svg"])::before,
.panel--header h2:has(img[src="http://192.168.70.76/apps/calendar/img/calendar-dark.svg"])::before {
background-image: url("/themes/forbion/images/dashboard/calendar-widget-green.svg") !important;
content: '';
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 12px;
margin-right: 12px;
}
& .panel--header h2:has(img[src="https://des-new.f7cloud.ru/core/img/actions/star-dark.svg"])::before,
.panel--header h2:has(img[src="http://192.168.70.22/core/img/actions/star-dark.svg"])::before,
.panel--header h2:has(img[src="https://forbion.f7cloud.ru/core/img/actions/star-dark.svg"])::before,
.panel--header h2:has(img[src="http://192.168.70.76/core/img/actions/star-dark.svg"])::before {
background-image: url("/themes/forbion/images/dashboard/folder-green.svg") !important;
content: '';
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 12px;
margin-right: 12px;
}
& .panel--header h2:has(img[src="https://des-new.f7cloud.ru/apps/activity/img/activity-dark.svg"])::before,
.panel--header h2:has(img[src="http://192.168.70.22/apps/activity/img/activity-dark.svg"])::before,
.panel--header h2:has(img[src="https://forbion.f7cloud.ru/apps/activity/img/activity-dark.svg"])::before,
.panel--header h2:has(img[src="http://192.168.70.76/apps/activity/img/activity-dark.svg"])::before {
background-image: url("/themes/forbion/images/dashboard//reload-widget-green.svg") !important;
content: '';
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 12px;
margin-right: 12px;
}
& .panel--header .icon-deck {
background-image: url("/themes/forbion/images/dashboard/notes-widget-green.svg") !important;
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 12px;
margin-top: 1px;
}
& .panel--header .icon-files-dark {
background-image: url("/themes/forbion/images/dashboard/folder-green.svg") !important;
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 12px;
margin-top: 1px;
}
& .panel--header .icon-teams {
background-image: url("/themes/forbion/images/dashboard/avatar-widget-green.svg") !important;
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 12px;
margin-top: 1px;
}
& .panel--header .icon-calendar-dark {
background-image: url("/themes/forbion/images/dashboard/calendar-widget-green.svg") !important;
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 12px;
margin-top: 1px;
}
& .panel--header .icon-notes {
background-image: url("/themes/forbion/images/dashboard/notes-widget-green.svg") !important;
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 12px;
margin-top: 1px;
}
& .panel--header .icon-tasks {
background-image: url("/themes/forbion/images/dashboard/check-widget-green.svg") !important;
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 12px;
margin-top: 1px;
}
& .panel--header .icon-category-auth {
background-image: url("/themes/forbion/images/dashboard/reload-widget-green.svg") !important;
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 12px;
margin-top: 1px;
}
& .panel--header h2>img {
display: none;
}
}
}
& .footer {
& button.button-vue.button-vue--vue-secondary {
background-color: #70B62B !important;
padding: 8px 12px;
& .material-design-icon.pencil-icon svg {
display: none;
}
& .material-design-icon.pencil-icon::before {
background-image: url("/themes/forbion/images/dashboard/pencil-icon-white.svg") !important;
content: '';
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
& .button-vue__text {
color: white;
}
}
}
}
}
& .modal-mask {
& .modal-wrapper {
& .modal-container {
& .modal-container__content .modal__content>a {
background-color: #70B62B;
color: #fff;
position: relative;
padding: 10px 16px 10px 32px;
}
& .modal-container__content .modal__content>a::before {
background-image: url("/themes/forbion/images/dashboard/plus-white.svg") !important;
content: '';
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 13px;
left: 10px;
}
& ol.panels {
gap: 8px;
& li .draggable {
margin: 0;
position: relative;
}
& li.panel-spreed label::after {
background-image: url("/themes/forbion/images/dashboard/mention-widget.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-passwords-widget label::after {
background-image: url("/themes/forbion/images/dashboard/reload-widget-gray.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-mail label::after {
background-image: url("/themes/forbion/images/dashboard/message-icon-gray.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-calendar label::after {
background-image: url("/themes/forbion/images/dashboard/calendar-widget-gray.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-files-favorites label::after {
background-image: url("/themes/forbion/images/dashboard/folder-gray.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-recommendations label::after {
background-image: url("/themes/forbion/images/dashboard/folder-gray.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-weather .icon-weather-status {
background-image: url("/themes/forbion/images/dashboard/wether-icon-gray.svg") !important;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
& li.panel-activity label::after {
background-image: url("/themes/forbion/images/dashboard/reload-widget-gray.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-photos-onthisday label::after {
background-image: url("/themes/forbion/images/dashboard/calendar-widget-gray.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-circles label::after {
background-image: url("/themes/forbion/images/dashboard/team-icon-gray.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-deck label::after {
background-image: url("/themes/forbion/images/dashboard/reload-widget-gray.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-deckToday label::after,
li.panel-deckTomorrow label::after {
background-image: url("/themes/forbion/images/dashboard/check-widget-gray.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-mail-unread label::after {
background-image: url("/themes/forbion/images/dashboard/message-icon-gray.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-notes label::after {
background-image: url("/themes/forbion/images/dashboard/notes-widget-gray.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-tasks label::after {
background-image: url("/themes/forbion/images/dashboard/check-widget-gray.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-user_status label::after {
background-image: url("/themes/forbion/images/dashboard/avatar-widget.svg") !important;
content: '';
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
top: 0;
margin-top: 12px;
}
& li.panel-spreed label img,
li.panel-mail label img,
li.panel-calendar label img,
li.panel-files-favorites label img,
li.panel-deck label img,
li.panel-deckToday .icon-deck,
li.panel-deckTomorrow .icon-deck,
li.panel-mail-unread label img,
li.panel-notes label img,
li.panel-tasks .icon-tasks,
li.panel-user_status label img,
li.panel-recommendations label img,
li.panel-photos-onthisday label img,
li.panel-activity label img,
li.panel-circles label img,
li.panel-passwords-widget .icon-category-auth {
display: none;
}
}
}
}
}
}