Basic image view modal (25aebf13) · Commits · e / infra / spot

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

+24 −0

Original line number	Diff line number	Diff line
		@@ -109,6 +109,30 @@ input.btn[type="submit"] {
		#icons {
		display: none;
		}
		body.lock {
		overflow: hidden;
		}
		#image_view_modal {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.7);
		}
		#image_view_modal .card-container {
		display: flex;
		height: 100%;
		}
		#image_view_modal #image_view_card {
		margin: auto;
		max-width: 600px;
		max-height: 80vh;
		}
		#image_view_modal #image_view_image {
		display: block;
		max-width: 100%;
		max-height: 100%;
		}
		.custom-select {
		appearance: none;
		-webkit-appearance: none;

+0 −0

File changed.

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

+4 −6

Original line number	Diff line number	Diff line
		@@ -37,20 +37,18 @@ module.exports = function(grunt) {
		less: {
		development: {
		options: {
		paths: ["less/logicodev", "less/eelo"]
		paths: ["less/eelo"]
		//banner: '/! less/eelo/oscar.css \| <%= grunt.template.today("dd-mm-yyyy") %> \| https://github.com/asciimoo/searx /\n'
		},
		files: {"css/logicodev.css": "less/logicodev-dark/oscar.less",
		"css/eelo.css": "less/eelo/eelo.less"}
		files: {"css/eelo.css": "less/eelo/eelo.less"}
		},
		production: {
		options: {
		paths: ["less/logicodev", "less/eelo"],
		paths: ["less/eelo"],
		//banner: '/! less/eelo/oscar.css \| <%= grunt.template.today("dd-mm-yyyy") %> \| https://github.com/asciimoo/searx /\n',
		cleancss: true
		},
		files: {"css/logicodev.min.css": "less/logicodev/oscar.less",
		"css/eelo.min.css": "less/eelo/eelo.less"}
		files: {"css/eelo.min.css": "less/eelo/eelo.less"}
		},
		/*
		// built with ./manage.sh styles

+0 −0

File changed.

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

+30 −0

Original line number	Diff line number	Diff line
		@@ -80,6 +80,36 @@ a, a:hover, a:focus, a:active, select:hover, select:focus, select:active {
		}


		body.lock {
		overflow: hidden;
		}

		#image_view_modal {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, .7);

		.card-container {
		display: flex;
		height: 100%;
		}

		#image_view_card {
		margin: auto;
		max-width: 600px; // TODO: move to var
		max-height: 80vh;
		}

		#image_view_image {
		display: block;
		max-width: 100%;
		max-height: 100%;
		}
		}


		.custom-select {
		appearance: none;
		-webkit-appearance: none;