searchbar.less
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

searchbar.less
View Options

	/**
	* Roundcube webmail styles for the Elastic skin
	*
	* Copyright (c) 2017, The Roundcube Dev Team
	*
	* The contents are subject to the Creative Commons Attribution-ShareAlike
	* License. It is allowed to copy, distribute, transmit and to adapt the work
	* by keeping credits to the original autors in the README file.
	* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
	*/

	/* Searchbar widget */


	.searchbar {
	text-align: right;
	position: absolute;
	background-color: @color-layout-header-background;
	z-index: 10;
	top: 0;
	right: 0;

	form,
	a.button.options,
	a.button.reset {
	display: none;
	width: 1%;
	}

	form {
	width: 98%;
	text-align: left;
	padding-left: 0.25em;

	&:before {
	&:extend(.font-icon-class);
	content: @fa-var-search;
	}
	}

	input {
	width: 80%;
	border: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	background: transparent;
	line-height: 1.2;
	padding-left: 0.1em;
	}

	a {
	&.button.search.active {
	color: @color-searchbar-icon-active;
	}
	&.button.reset:before {
	content: @fa-var-remove;
	}
	&.button.options:before {
	content: @fa-var-angle-down;
	}
	}
	}