mirror of https://github.com/OpenVidu/openvidu.git
ov-components: update SCSS for collapsible panels menu and adjust button dimensions
parent
b71991a3e4
commit
b35f959394
|
@ -36,7 +36,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Global styles for the collapsible panels menu
|
// Global styles for the collapsible panels menu
|
||||||
|
::ng-deep .cdk-overlay-pane {
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
::ng-deep .cdk-overlay-connected-position-bounding-box {
|
||||||
|
right: 0 !important;
|
||||||
|
}
|
||||||
.panels-menu,
|
.panels-menu,
|
||||||
::ng-deep .panels-menu,
|
::ng-deep .panels-menu,
|
||||||
.panels-menu .mat-mdc-menu-panel,
|
.panels-menu .mat-mdc-menu-panel,
|
||||||
|
@ -46,11 +51,10 @@
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
border: none !important;
|
border: none !important;
|
||||||
min-width: 55px !important;
|
min-width: 50px !important;
|
||||||
width: 55px !important;
|
width: 50px !important;
|
||||||
max-width: 55px !important;
|
max-width: 50px !important;
|
||||||
padding: 4px 0 !important;
|
padding: 4px 0 !important;
|
||||||
justify-content: flex-end !important;
|
|
||||||
display: grid !important;
|
display: grid !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
import { DOCUMENT } from '@angular/common';
|
import { DOCUMENT } from '@angular/common';
|
||||||
import { Inject, Injectable} from '@angular/core';
|
import { Inject, Injectable } from '@angular/core';
|
||||||
import { ParticipantFactoryFunction, OpenViduComponentsConfig } from '../../config/openvidu-components-angular.config';
|
import { ParticipantFactoryFunction, OpenViduComponentsConfig } from '../../config/openvidu-components-angular.config';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
Loading…
Reference in New Issue