Files
YoutubeDL-Material/src/app/player/player.component.css
Tzahi12345 2c61260e0f UI updates (#922)
* Fixed download spinner in player component

* Downloads UI is more mobile friendly (#905)

* Code cleanup

* Fixed size of actions in home screen downloads

* Errored downloads now display their stage as "Error" in the UI

* Moved personal settings from about dialog to profile dialog

* Profile dialog can now be opened without logging in/without multi-user mode

* Fixed issue where archive dialog could be accessed from anywhere

* Misc internationalization improvements

* Combined download stage and download progress columns

* Added back loading spinner to download actions

* Adjusted thresholds for consolidating download action buttons

* Implemented virtual scrolling for notifications (helps if many notifications exist)

* Fixed minor console error
2023-05-25 21:55:35 -04:00

96 lines
1.4 KiB
CSS

.video-player {
margin: 0 auto;
min-width: 300px;
}
.video-player:focus {
outline: none;
}
.audio-styles {
height: 50px;
width: 100%;
}
.video-styles {
width: 100%;
height: 75vh;
}
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
::ng-deep .mat-button-toggle-label-content {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.container-video {
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.progress-bar {
position: absolute;
left: 0px;
bottom: -1px;
}
.spinner {
bottom: -2px;
left: 6px;
position: absolute;
}
.buttons {
position: relative;
}
.save-button {
right: 25px;
position: fixed;
bottom: 25px;
}
.share-button {
left: 25px;
position: fixed;
bottom: 25px;
}
.favorite-button {
left: 25px;
position: fixed;
bottom: 25px;
}
.video-col {
padding-right: 0px;
padding-left: 0.01px;
height: 100%;
width: 100%;
}
.audio-col {
margin: 0 auto;
margin-top: 10px;
width: 95%;
}
.save-icon {
bottom: 1px;
position: relative;
}
.update-playlist-button-div {
float: right;
margin-right: 30px;
margin-top: 25px;
margin-bottom: 15px;
}
.skip-ad-button {
position: absolute;
right: 20px;
bottom: 75px;
}