rails_modular_admin 0.2.0

data/app/assets/stylesheets/rails_modular_admin/app/app.scss

@@ -0,0 +1,72 @@
+.app {
+	position: relative;
+	width: 100%;
+	padding-left: $sidebar-width;
+	min-height: 100vh;
+	margin: 0 auto;
+	left: 0;
+	background-color: $color-bg;
+	box-shadow: 0 0 3px #ccc;
+	transition: left 0.3s ease, padding-left 0.3s ease; 
+	overflow: hidden;
+
+	.content {
+
+		$padding-x: $content-padding-x-md;
+		$padding-y: $content-padding-y-md;
+
+		padding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x;
+		min-height: 100vh;	
+
+		@include media-up(xl) {
+			$padding-x: $content-padding-x-xl;
+			$padding-y: $content-padding-y-xl;
+
+			padding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x;
+		}
+
+		@include media(lg) {
+			$padding-x: $content-padding-x-lg;
+			$padding-y: $content-padding-y-lg;
+
+			padding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x;
+		}
+
+		@include media(md) {
+			$padding-x: $content-padding-x-md;
+			$padding-y: $content-padding-y-md;
+
+			padding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x;
+		}
+
+		@include media-down(sm) {
+			$padding-x: $content-padding-x-sm;
+			$padding-y: $content-padding-y-sm;
+
+			padding: $header-height-xs + $padding-y $padding-x $footer-height + $padding-y $padding-x;
+		}
+	}
+
+
+	@include media-down(md) {
+		padding-left: 0;
+		// background-color: #ccc;
+		// left: -$sidebar-width;
+		// width: calc(100% + #{$sidebar-width});
+	}
+	
+	&.sidebar-open {
+		// Disable content scrolling when sidebar is open
+		@include media-down(md) {
+			left: 0;
+			// position: absolute;
+			// height: 100%;
+			// overflow: hidden;
+		}
+	}
+
+	&.blank {
+		background-color: #667380;
+	}
+
+}

data/app/assets/stylesheets/rails_modular_admin/app/charts/charts-flot/charts-flot.scss

@@ -0,0 +1,18 @@
+$flot-chart-height: 225px;
+$flot-chart-width: 225px;
+
+.flot-chart {
+	display: block;
+	height: $flot-chart-height;
+
+	.flot-chart-content {
+		width: 100%;
+		height: 100%;
+	}
+
+	.flot-chart-pie-content {
+		width: $flot-chart-width;
+		height: $flot-chart-height;
+		margin: auto;
+	}
+}

data/app/assets/stylesheets/rails_modular_admin/app/dashboard/dashboard.scss

@@ -0,0 +1,7 @@
+// Dashboard page specific styles here
+
+.dashboard-page {
+	// .section.map-tasks {
+	// 	margin-bottom: 0;
+	// }
+}

data/app/assets/stylesheets/rails_modular_admin/app/dashboard/history/history.scss

@@ -0,0 +1,6 @@
+.dashboard-page {
+	#dashboard-downloads-chart,
+	#dashboard-visits-chart {
+ 		height: 220px;
+ 	}
+}

data/app/assets/stylesheets/rails_modular_admin/app/dashboard/items/items-header.scss

@@ -0,0 +1,81 @@
+.dashboard-page .items {
+
+	.card-header {
+
+		@include media-down(xs) {
+			border: none;
+			flex-wrap: wrap;
+
+			.header-block {
+				display: flex;
+				align-items: center;
+				width: 100%;
+				justify-content: space-between;
+				border-bottom: 1px solid lighten($color-divider, 6%);
+			}
+		}
+
+		.title {
+			padding-right: 0px;
+			margin-right: 5px;
+		}
+
+		.search {
+			margin: 0;
+			vertical-align: middle;
+			display: inline-flex;
+			flex-direction: row;
+			align-items: center;
+
+			$color-inactive: $color-text-muted;
+			$color-active: $color-text-light;
+
+			@include media-down(xs) {
+				min-width: 50%;
+			}
+
+			.search-input {
+				border: none;
+				background-color: inherit;
+				color: $color-inactive;
+				width: 100px;
+				transition: color 0.3s ease;
+
+				@include placeholder() {
+					transition: color 0.3s ease;
+					color:  $color-inactive;
+				}
+
+				@include media-down(xs) {
+					min-width: 130px;
+				}
+
+				&:focus {
+					color: $color-active;
+
+					@include placeholder() {
+						color:  lighten($color-active, 15%);
+					}
+
+					&+.search-icon {
+						color: $color-active;
+					}
+				}
+			}
+
+			.search-icon {
+				color: $color-text-muted;
+				transition: color 0.3s ease;
+				order: -1;
+				padding-right: 6px;
+			}
+
+		}
+
+		
+		.pagination {
+			display: inline-block;
+			margin: 0;
+		}
+	}
+}

data/app/assets/stylesheets/rails_modular_admin/app/dashboard/items/items-list.scss

@@ -0,0 +1,102 @@
+.dashboard-page .items {
+	.item-list {
+
+		// Common case styles
+
+		.item-col-title {
+			flex-grow: 3 * $item-list-col-grow;
+		}
+
+		.item-col-date {
+			text-align: right;
+		}
+
+		@include media-up(xl) {
+			.item-col-date {
+				flex-grow: $item-list-col-grow + 1;
+			}
+		}
+
+
+		// Large mobile view
+
+		@include media-down(sm) {
+
+			.item-list-header {
+				display: none;
+			}
+
+			.item-row {
+				padding: 0;
+			}
+
+			.item-col {
+				padding-left: $item-list-padding-x;
+				padding-right: $item-list-padding-x;
+			}
+
+			.item-col-img {
+				padding-left: $item-list-padding-x;
+				flex-basis: 40 + 2 * $item-list-padding-x;
+				padding-right: 0;
+			}
+
+			.item-col-stats {
+				text-align: center;
+			}
+		}
+
+		@include media(sm) {
+			.item-col-title {
+				flex-basis: 100%;
+				border-bottom: 1px solid $item-list-color-border;
+			}
+
+			.item-col:not(.item-col-title):not(.item-col-img) {
+				position: relative;
+				padding-top: 35px;
+			}
+
+			.item-heading {
+				position: absolute;
+				height: 30px;
+				width: 100%;
+				left: 0;
+				top: 5px;
+				line-height: 30px;
+				padding-left: $item-list-padding-x;
+				padding-right: $item-list-padding-x;
+			}
+		}
+
+		@include media(xs) {
+
+			.item-col {
+				border-bottom: 1px solid $item-list-color-border;
+			}
+
+			.item-col-img {
+				flex-basis: 50px;
+				order: -5;
+			}
+
+			.item-col-title {
+				flex-basis: calc(100% - 50px);
+			}
+
+			.item-col:not(.item-col-title):not(.item-col-img) {
+				flex-basis: 100%;
+				text-align: left;
+
+				.item-heading {
+					text-align: left;
+				}
+			}
+
+
+			.item-col-date {
+				border: none;
+			}
+		}
+	}
+}

data/app/assets/stylesheets/rails_modular_admin/app/dashboard/sales-breakdown/sales-breakdown.scss

@@ -0,0 +1,7 @@
+.dashboard-page .sales-breakdown {
+	.dashboard-sales-breakdown-chart {
+		margin: 0 auto;
+		max-width: 250px;
+		max-height: 250px;
+	}
+}

data/app/assets/stylesheets/rails_modular_admin/app/dashboard/sales-by-countries/sales-by-countries.scss

@@ -0,0 +1,14 @@
+.dashboard-page #dashboard-sales-map {
+
+	.jqvmap-zoomin,
+	.jqvmap-zoomout {
+		background-color: $color-primary;
+		height: 20px;
+		width: 20px;
+		line-height: 14px;
+	}
+
+	.jqvmap-zoomout {
+		top: 32px;
+	}
+}

data/app/assets/stylesheets/rails_modular_admin/app/dashboard/stats/stats.scss

@@ -0,0 +1,70 @@
+// Dashboard stats
+
+
+
+.dashboard-page .stats {
+
+	.card-block {
+		padding-bottom: 0;
+	}
+
+	.stat-col {
+		margin-bottom: 20px;
+		float: left;
+		white-space: nowrap;
+		// width: percentage(1/2);
+		overflow: hidden;
+
+		// @include media-down(sm) {
+		// 	width: 100%;
+		// }
+	}
+
+	.stat-icon {
+		color: $dashboard-stat-icon-color;
+		display: inline-block;
+		font-size: 26px;
+		text-align: center;
+		vertical-align: middle;
+		width: 50px;
+	}
+
+	.stat-chart {
+		margin-right: 5px;
+
+		@include media-up(xl) {
+			margin-right: 0.6vw;
+			// margin-right: 10px;
+			// width: 3vw;
+			// height: 3vw;
+		}
+
+		vertical-align: middle;
+	}
+
+	.stat {
+		vertical-align: middle;
+		.value {
+
+			@include media-up(xl) {
+				font-size: 1.3vw;
+			}
+		}
+		.name {
+			@include media-up(xl) {
+				font-size: 0.9vw;
+			}
+		}
+	}
+
+	.stat-progress {
+		height: 2px;
+		margin: 5px 0;
+		color: $color-primary;
+		background-color: #dddddd;
+
+		.progress-bar {
+			background-color: $color-primary;
+		}
+	}
+}

data/app/assets/stylesheets/rails_modular_admin/app/dashboard/tasks/tasks.scss

@@ -0,0 +1,47 @@
+.dashboard-page .tasks {
+	display: flex;
+	flex-direction: column;
+	align-content: stretch;
+
+	.title-block {
+		.title {
+			align-items: center;
+			display: flex;
+			justify-content: space-between;
+		}
+	}
+
+
+
+	label {
+		width: 100%;
+		margin-bottom: 0;
+
+		.checkbox:checked+span {
+			text-decoration: line-through;
+		}
+
+		span {
+			display: inline-block;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap; 
+			width: 100%;   					
+		}
+	}
+
+	.tasks-block {
+		max-height: 400px;
+		overflow-y: scroll;
+		overflow-x: hidden;
+		margin: 0;
+		margin-right: -5px;
+	}
+
+	.item-list {
+		.item-col {
+			padding-top: 5px;
+			padding-bottom: 5px;
+		}
+	}
+}

data/app/assets/stylesheets/rails_modular_admin/app/items/editor/item-editor.scss

@@ -0,0 +1,3 @@
+.item-editor-page {
+	
+}

data/app/assets/stylesheets/rails_modular_admin/app/items/list/items-list.scss

@@ -0,0 +1,330 @@
+.items-list-page {
+
+	.title-search-block {
+		position: relative;
+	}
+
+	.title-block {
+		@include media-down(sm) {
+			padding-bottom: 10px;
+			margin-bottom: 13px;
+		}
+
+		.action {
+			display: inline;
+
+			a {
+				padding: 10px 15px;
+
+				.icon {
+					margin-right: 5px;
+					text-align: center;
+					width: 16px;
+				}
+			}
+
+			@include media-down(sm){
+				display: none;
+			}
+
+		}
+	}
+
+
+	.items-search {
+		position: absolute;
+		margin-bottom: 15px;
+		right: 0;
+		top: 0;
+
+		@include media-down(sm) {
+			position: static;
+		}
+
+		.search-button {
+			margin: 0;
+		}
+	}
+
+
+	// For common item-list class see /src/_common/styles/items.less
+
+	// Desktop view
+
+	.item-list {
+
+		.item-col {
+			&.item-col-check {
+				text-align: left;
+				// width: auto;
+				// flex-basis: 30px;
+			}
+
+			&.item-col-img {
+				text-align: left;
+				width: auto;
+				text-align: center;
+				flex-basis: 70px;
+
+				@include media-up(sm) {
+					&:not(.item-col-header) {
+						height: 80px;
+					}
+				}
+			}
+
+			&.item-col-title {
+				text-align: left;
+				margin-left: 0 !important;
+				margin-right: auto;
+				// flex-basis: calc(40% - 100px);
+				flex-basis: 0;
+				flex-grow: 3 * $item-list-col-grow;
+			}
+
+			&.item-col-sales {
+				text-align: right;
+				font-weight: 600;
+			}
+
+			&.item-col-stats {
+				text-align: center;
+			}
+
+			&.item-col-category {
+				text-align: left;
+				font-weight: 600;
+			}
+
+			&.item-col-author {
+				text-align: left;
+				flex-grow: 1.5 * $item-list-col-grow;
+			}
+
+			&.item-col-date {
+				text-align: right;
+			}
+		}
+	}
+
+
+	// All mobile views
+	@include media-down(sm) {
+		.card.items {
+			background: none;
+			box-shadow: none;
+		}
+
+		.item-list {
+			.item {
+				border: none;
+				margin-bottom: 10px;
+				background-color: #fff;
+				box-shadow: 1px 1px 5px fade-out($color-text-light, 0.9);
+			}
+
+			.item-row {
+				padding: 0 !important;
+			}
+
+			.item-col {
+				&.item-col-author {
+					flex-grow: $item-list-col-grow;
+				}
+			}
+
+
+		}
+	}
+
+
+	// Large Mobile view
+
+	@include media(sm) {
+		.item-list {
+
+			.item-list-header {
+				display: none;
+			}
+
+			.item {
+				background-color: #fff;
+				margin-bottom: 10px;
+				box-shadow: 1px 1px 5px fade-out($color-text-light, 0.9);
+			}
+
+			.item-row {
+				padding: 0;
+			}
+
+			.item-heading {
+				width: 100%;
+				display: block;
+				position: absolute;
+				top: 0;
+				width: 100%;
+				left: 0;
+				line-height: 40px;
+				padding-left: 0;
+			}
+
+			.item-col {
+				&.item-col-check,
+				&.item-col-title,
+				&.item-col-actions-dropdown {
+					border-bottom: 1px solid $color-divider;
+
+					.item-heading {
+						display: none;
+					}
+				}
+
+				&.item-col-sales,
+				&.item-col-stats,
+				&.item-col-category,
+				&.item-col-author,
+				&.item-col-date {
+					padding-top: 40px;
+					position: relative;
+				}
+
+
+				&.item-col-check {
+					display: none;
+				}
+
+				&.item-col-title {
+					padding-left: $item-list-padding-x;
+					text-align: left;
+					margin-left: 0 !important;
+					margin-right: auto;
+					flex-basis: calc(100% - 40px);
+				}
+
+
+				&.item-col-actions {
+
+				}
+
+				&.item-col-img {
+					padding-left: $item-list-padding-x;
+					flex-basis: 69px + $item-list-padding-x;
+				}
+
+
+				&.item-col-sales {
+					text-align: left;
+				}
+
+				&.item-col-stats {
+					text-align: center;
+				}
+
+				&.item-col-category {
+					text-align: center;
+				}
+
+				&.item-col-author {
+					text-align: center;
+				}
+
+				&.item-col-date {
+					padding-right: $item-list-padding-x;
+					text-align: right;
+					white-space: nowrap;
+					flex-basis: 100px;
+					flex-basis: 0;
+					flex-grow: $item-list-col-grow;
+				}
+			}
+
+		}
+	}
+
+	// Small Mobile view
+
+	@include media-down(xs) {
+
+		.item-list-header {
+			display: none;
+		}
+
+		.item-list .item {
+			border: none;
+			font-size: 0.9rem;
+			margin-bottom: 10px;
+			background-color: #fff;
+			box-shadow: 1px 1px 5px fade-out($color-text-light, 0.9);
+
+
+			.item-col {
+				text-align: right;
+				border-bottom: 1px solid $color-divider;
+				padding-left: $item-list-padding-x;
+
+				&[class^=item-col] {
+					flex-basis: 100%;
+				}
+
+
+				&.item-col-check {
+					display: none;
+				}
+
+				&.item-col-img {
+					.item-img {
+						padding-bottom: 65%;
+					}
+				}
+
+				&.item-col-title {
+					text-align: left;
+					padding-bottom: 0;
+					border: none;
+					flex-grow: 1;
+					flex-basis: 0;
+
+					.item-heading {
+						display: none;
+					}
+
+					.item-title {
+						font-size: 1rem;
+						line-height: 1.4rem;
+					}
+				}
+
+				&.item-col-actions-dropdown {
+					border: none;
+					padding-bottom: 0;
+				}
+
+				&.item-col-sales {
+					text-align: left;
+				}
+
+				&.item-col-stats {
+					text-align: left;
+				}
+
+				&.item-col-category {
+					text-align: left;
+				}
+
+				&.item-col-author {
+					text-align: left;
+				}
+
+				&.item-col-date {
+					text-align: left;
+				}
+
+
+			}
+
+
+		}
+	}
+
+
+}