-@import '../../node_modules/video.js/dist/video-js.css';
+@import '~primeng/resources/themes/bootstrap/theme.css';
+@import '~primeng/resources/primeng.css';
+@import '~video.js/dist/video-js.css';
+@import './video-js-custom.scss';
[hidden] {
display: none !important;
color: black;
}
-.header {
- height: $header-height;
-
- my-search {
- position: fixed;
- z-index: 1000;
- }
-
- .search-col {
- height: 100%;
- margin-left: -15px;
- padding: 0;
- }
-}
-
-.title-menu-left {
- position: fixed;
-}
-
-.main-row {
- min-height: calc(100vh - #{$header-height} - #{$footer-height} - #{$footer-margin});
-}
-
.main-col {
.content-padding {
padding: 15px 30px;
+ @media screen and (max-width: 800px) {
+ padding: 15px 10px;
+ }
+
@media screen and (min-width: 1400px) {
padding: 15px 40px;
}
}
}
-/* some fixes for ng2-smart-table */
-ng2-smart-table {
- thead tr {
- border-top: 1px solid rgb(233, 235, 236)
- }
+// Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
+.glyphicon-refresh-animate {
+ -animation: spin .7s infinite linear;
+ -ms-animation: spin .7s infinite linear;
+ -webkit-animation: spinw .7s infinite linear;
+ -moz-animation: spinm .7s infinite linear;
+}
- td, th {
- padding: 8px !important;
- color: #333333 !important;
- font-size: 14px !important;
- }
+@keyframes spin {
+ from { transform: scale(1) rotate(0deg);}
+ to { transform: scale(1) rotate(360deg);}
+}
- .ng2-smart-pagination-nav .page-link {
- font-size: 11px !important;
- }
+@-webkit-keyframes spinw {
+ from { -webkit-transform: rotate(0deg);}
+ to { -webkit-transform: rotate(360deg);}
+}
+
+@-moz-keyframes spinm {
+ from { -moz-transform: rotate(0deg);}
+ to { -moz-transform: rotate(360deg);}
+}
- .glyphicon {
- font-family: 'Glyphicons Halflings' !important;
+/* ngprime data table customizations */
+p-datatable {
+ .action-cell {
+ text-align: center;
+
+ .glyphicon {
+ cursor: pointer;
+ }
}
}