Added responsive navbar (e0638f17) · Commits · e / infra / spot

searx/static/themes/eelo/css/eelo.css

+84 −17

Original line number	Diff line number	Diff line
		@@ -90,6 +90,9 @@ a {
		max-width: 100%;
		width: 100%;
		}
		main {
		margin-top: 16px;
		}
		#search_input_container {
		margin-left: 16px;
		margin-right: 16px;
		@@ -275,23 +278,6 @@ fieldset {
		border: none;
		padding: 0px;
		}
		nav {
		height: 48px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		text-transform: capitalize;
		margin-bottom: 24px;
		}
		nav a {
		color: #868686;
		}
		nav a:hover {
		color: #5068dd;
		}
		nav #eelo_links > * {
		margin-right: 32px;
		}
		footer {
		position: absolute;
		bottom: 0;
		@@ -357,6 +343,83 @@ footer {
		display: inline-block;
		margin-right: 8px;
		}
		nav {
		height: 48px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		text-transform: capitalize;
		margin-bottom: 24px;
		}
		nav a {
		color: #868686;
		}
		nav a:hover {
		color: #5068dd;
		}
		nav #eelo_links > * {
		margin-right: 32px;
		}
		#nav_toggle_btn {
		display: none;
		}
		@media screen and (max-width: 600px) {
		nav {
		position: fixed;
		right: 0;
		top: 0;
		flex-direction: column;
		height: 100%;
		background-color: white;
		z-index: 1000;
		width: 280px;
		min-width: 280px;
		max-width: 280px;
		align-items: unset;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		padding: 0;
		}
		nav > :first-child {
		margin-top: 8px;
		}
		nav > :last-child {
		margin-bottom: 8px;
		}
		nav a {
		display: block;
		padding: 8px 16px;
		}
		#nav_toggle_btn {
		display: block;
		position: absolute;
		top: 24px;
		right: 8px;
		z-index: 1001;
		}
		#nav_toggle:checked ~ #nav_toggle_btn > .menu-open {
		display: none;
		}
		#nav_toggle:checked ~ #nav_toggle_btn > .menu-close {
		display: initial;
		}
		#nav_toggle:checked ~ nav {
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
		transform: translateX(0);
		}
		#nav_toggle:checked ~ #nav_toggle_btn {
		position: fixed;
		}
		#nav_toggle:not(:checked) ~ #nav_toggle_btn > .menu-open {
		display: initial;
		}
		#nav_toggle:not(:checked) ~ #nav_toggle_btn > .menu-close {
		display: none;
		}
		#nav_toggle:not(:checked) ~ nav {
		transform: translateX(100%);
		}
		}
		#search_form #search_input_container {
		position: relative;
		display: flex;
		@@ -376,6 +439,7 @@ footer {
		width: 100%;
		min-width: 0;
		padding-left: 16px;
		background-color: transparent;
		}
		#search_form #search_input_container #q:focus {
		outline: none;
		@@ -490,6 +554,9 @@ footer {
		#search_form #time_and_lang {
		display: flex;
		}
		#search_input_container {
		margin-right: 40px;
		}
		.tt-dropdown-menu {
		padding-left: 16px;
		}

searx/static/themes/eelo/css/eelo.min.css

+0 −0

File changed.

Preview suppressed by a .gitattributes entry or the file's encoding is unsupported.

View original file

View changed file

searx/static/themes/eelo/less/eelo/base.less

+0 −23

Original line number	Diff line number	Diff line
		@@ -48,29 +48,6 @@ fieldset {



		nav {
		&:extend(.container-padding);

		height: 48px;
		display: flex;
		align-items: center;
		justify-content: space-between;

		text-transform: capitalize;

		margin-bottom: 24px;
		a {
		color: #868686;

		&:hover {
		color: @color_accent;
		}
		}
		#eelo_links > * { margin-right: 32px; }
		}



		footer {
		position: absolute;
		bottom: 0;

searx/static/themes/eelo/less/eelo/eelo.less

+1 −0

Original line number	Diff line number	Diff line
		@@ -3,6 +3,7 @@
		@import "widgets.less";

		@import "base.less";
		@import "navbar.less";

		@import "search.less";
		@import "results.less";

searx/static/themes/eelo/less/eelo/layout.less

+4 −0

Original line number	Diff line number	Diff line
		@@ -79,6 +79,10 @@
		}
		}

		main {
		margin-top: @spacing_large;
		}

		#search_input_container {
		margin-left: @spacing_container;
		margin-right: @spacing_container;