Merge pull request #2599 from FreshRSS/dev1.15.0

FreshRSS 1.15

1 files changed, 153 insertions, 137 deletions

diff --git a/p/themes/Ansum/_mobile.scss b/p/themes/Ansum/_mobile.scss
index 10b432241..8922ea370 100644
--- a/p/themes/Ansum/_mobile.scss
+++ b/p/themes/Ansum/_mobile.scss
@@ -1,170 +1,186 @@
 /*=== MOBILE */
 /*===========*/
-@media(max-width: 840px) {
-    html, body{
-	// font-size: 1rem;
-    }
-    ul.nav{
-	.item{
-	    width: 100%;
-	    
-	    img{
-		display: none;
-	    }
-	    a{
-		display: inline-block;
-		padding: 1rem 1rem 1rem 2.5rem;
-		color: $sid-font-color;
-		width: 100%;
-		
-		background: url("../../themes/icons/logout.svg") no-repeat $sid-bg-dark 3% center;
+
+@media (max-width: 840px) {
+	html, body {
+		// font-size: 1rem;
+	}
+
+	ul.nav {
+		.item {
+			width: 100%;
+
+			img {
+				display: none;
+			}
+
+			a {
+				padding: 1rem 1rem 1rem 2.5rem;
+
+				background: url("../../themes/icons/logout.svg") no-repeat $sid-bg-dark 3% center;
+				display: inline-block;
+				width: 100%;
+				color: $sid-font-color;
+
+				@include transition(all, 0.2s, ease-in-out);
+
+				&:hover,
+				&:active {
+					background: url("../../themes/icons/logout.svg") no-repeat $alert-bg 3% center;
+					text-decoration: none;
+					color: $white;
+				}
+			}
+
+		}
+
+	}
+
+	.aside {
 
 		@include transition(all, 0.2s, ease-in-out);
 
-		&:hover,
-		&:active{
-		    background: url("../../themes/icons/logout.svg") no-repeat $alert-bg 3% center;
-		    text-decoration: none;
-		    color: $white;
+		&.aside_feed {
+			padding: 0;
 		}
-	    }
 
+		.tree .tree-folder .tree-folder-items .item a {
+			padding: 0.5rem 1rem;
+		}
 	}
-	
-    }
-    .aside {
-	@include transition(all, 0.2s, ease-in-out);
-	
-	&.aside_feed {
-	    padding: 0;
+
+	.aside .toggle_aside,
+	#panel .close {
+		background: $main-first-alt;
+		display: block;
+		width: 100%;
+		height: 50px;
+		line-height: 50px;
+		text-align: center;
 	}
 
-	.tree .tree-folder .tree-folder-items .item a{
-	    padding: 0.5rem 1rem;
+	.header {
+		padding: 0.5rem;
+
+		.item {
+			&.title {
+				display: none;
+			}
+
+			&.search {
+				input {
+					width: 90%;
+					height: 3.5rem;
+
+					&:focus {
+						width: 100%;
+
+					}
+				}
+
+				.btn {
+					min-height: 49px;
+					padding: 0.5rem 2rem;
+				}
+			}
+
+			&.configure {
+				width: 2.75rem;
+				top: 3.125rem;
+
+				.dropdown {
+					.btn {
+						padding: 1.125rem;
+					}
+				}
+			}
+		}
 	}
-    }
-    .aside .toggle_aside,
-    #panel .close {
-	display: block;
-	width: 100%;
-	height: 50px;
-	line-height: 50px;
-	text-align: center;
-	background: $main-first-alt;
-    }
-
-    .header{
-	padding: 0.5rem;
-	.item{
-	    &.title{
-		display: none;
-	    }
-	    
-	    &.search{
-		input{
-		    width: 90%;
-		    height: 3.5rem;
-		    
-		    &:focus{
-			width: 100%;
 
-		    }
+	.nav_menu {
+		.btn {
+			margin: 0;
+			padding: 0.85rem 1.25rem;
 		}
-		.btn{
-		    min-height: 49px;
-		    padding: 0.5rem 2rem;
+
+		.stick {
+			margin: 0.5rem 0.5rem;
+
+			.btn {
+				margin: 0;
+				padding: 0.85rem 1.25rem;
+
+				&.read_all {
+					padding: 0.85rem 1.25rem;
+				}
+			}
 		}
-	    }
-	    &.configure{
-		width: 2.75rem;
-		top: 3.125rem;
-		.dropdown{
-		    .btn{
-			padding: 1.125rem;
-		    }
+
+		.search {
+			display: none;
+			max-width: 97%;
+
+			.input {
+
+				max-width: 97%;
+				width: 90px;
+
+				&:focus {
+					width: 400px;
+				}
+			}
 		}
-	    }
-	}
-    }
-    
-    .nav_menu{
-	.btn {
-	    margin: 0;
-	    padding: 0.85rem 1.25rem;
 	}
-	.stick {
-	    margin: 0.5rem 0.5rem;
 
-	    .btn{
-		margin: 0;
-		padding: 0.85rem 1.25rem;
-
-		&.read_all{
-		    padding: 0.85rem 1.25rem;
+	#stream {
+		.flux {
+			.flux_header {
+				padding: 0.5rem 0;
+			}
 		}
-	    }
 	}
-	.search {
-	    display: none;
-	    max-width: 97%;
 
-	    .input{
 
-		max-width: 97%;
-		width: 90px;
 
-		&::focus{
-		   width: 400px; 
+	.day {
+		text-align: center;
+		padding: 1rem 0;
+
+		.name {
+			padding: 0;
+			// font-size: 1.1rem;
+			display: block;
+			width: 100%;
+			line-height: 1.5rem;
+			margin-bottom: 1rem;
 		}
-	    }
+
 	}
-    }
-    #stream{
-	.flux{
-	    .flux_header{
-		padding: 0.5rem 0;
-	    }
+
+	.pagination {
+		margin: 0 0 3.5em;
 	}
-    }
-    
-    
-
-    .day{
-	text-align: center;
-	padding: 1rem 0;
-	.name {
-	    // font-size: 1.1rem;
-	    display: block;
-	    padding: 0;
-	    width: 100%;
-	    line-height: 1.5rem;
-	    margin-bottom: 1rem;
+
+	#nav_entries {
+		line-height: 4.5rem;
 	}
 
-    }
+	.notification {
+		border-radius: 0;
 
-    .pagination {
-	margin: 0 0 3.5em;
-    }
+		a.close {
+			background: transparent;
+			display: block;
+			left: 0;
+		}
 
-    #nav_entries{
-	line-height: 4.5rem;
-    }
+		a.close:hover {
+			opacity: 0.5;
+		}
 
-    .notification {
-	border-radius: 0;
+		a.close .icon {
+			display: none;
 
-	a.close {
-	    display: block;
-	    left: 0;
-	    background: transparent;
-	}
-	a.close:hover {
-	    opacity: 0.5;
-	}
-	a.close .icon {
-	    display: none;
-	    
+		}
 	}
-    }
 }