mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
* add extensibility point to add a custom viewer * documentation and tests * add example in document list
49 lines
931 B
CSS
49 lines
931 B
CSS
.viewer-video-row {
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
|
|
-webkit-box-orient: horizontal;
|
|
-moz-box-orient: horizontal;
|
|
box-orient: horizontal;
|
|
flex-direction: row;
|
|
|
|
-webkit-box-pack: center;
|
|
-moz-box-pack: center;
|
|
box-pack: center;
|
|
justify-content: center;
|
|
|
|
-webkit-box-align: center;
|
|
-moz-box-align: center;
|
|
box-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.viewer-video-cell {
|
|
-webkit-box-flex: 1;
|
|
-moz-box-flex: 1;
|
|
box-flex: 1;
|
|
-webkit-flex: 1 1 auto;
|
|
flex: 1 1 auto;
|
|
|
|
padding: 10px;
|
|
margin: 10px;
|
|
|
|
text-align: center;
|
|
}
|
|
|
|
video {
|
|
max-height: 80vh;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
max-width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|