Attachment #167609 for bug #37054

View | Details | Raw Unified | Return to bug 37054
Collapse All | Expand All




}

#header_search {
    background-color: $background-color-primary;
    border-radius: 0;
    border: 1px solid $background-color-primary;
    display: flex;
    padding: 0 .8em;

    ul {
        padding: 0;

        display: flex;
        align-items: center;
        color: white;
        background-color: $background-color-primary;
        z-index: 2;
        flex-grow: 1;


    }

    .form-title {
        padding: 0 16px 0 0;
        background-color: $background-color-primary;
        border-radius: 0 16px 16px 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;

        label {
            color: white;
            font-weight: bold;
            margin: 0;
            white-space: nowrap;
            margin-bottom: 0;
        }
    }


    input[type="submit"],
    button[type="submit"] {
        height: 31px;
        background-color: $background-color-secondary;
        color: white;
        border: 0;
        text-shadow: unset;

        > li {

            > a {
                background-color: $background-color-primary;
                border: 2px solid $background-color-primary;
                border-radius: 0;
                color: #FFF;
                font-weight: normal;
                line-height: 1.3;
                margin: 0 .25em;
                padding: 0 .25em;

                &:hover, &:focus, &:active {
                    background-color: $background-color-primary;
                    border: 2px solid $background-color-primary;
                    border-bottom-color: $background-color-secondary;
                    border-bottom: 0;
                    padding: 0 .25em;
                    text-decoration: none;

                a {
                    cursor: default;
                    padding: 0 .25em;
                    border-bottom: 2px solid #FFF;

                    &:hover,
                    &:focus {




[% IF ( login ) %]
    [% Asset.css("css/login.css") | $raw %]
[% END %]
[% SET branchcolor = Branches.GetBranchColor( Branches.GetLoggedInBranchcode() ) %]
[% IF branchcolor %]
    <style>
        #header_search,
        #header_search ul,
        #header_search .form-title,
        #header_search .nav-tabs > li > a {
            background-color: [% branchcolor | html %];
            border-color: [% branchcolor | html %];
        }

        #header_search button[type="submit"] {
            background: [% branchcolor | html %];
            filter: brightness(160%);
        }
    </style>
[% END %]
        background: [% branchcolor | html %] !important;
        border-color: [% branchcolor | html %] !important;
    }
</style>
[% IF ( IntranetUserCSS ) %]<style>[% IntranetUserCSS | $raw %]</style>[% END %]

[% KohaPlugins.get_plugins_intranet_head | $raw %]

Lines 366-373 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/branches.tt (-3 / +14 lines)
366	</div>	366	</div>
367	</li>	367	</li>
368	<li>	368	<li>
369	<label for="marcorgcode">Branch color</label>	369	<label for="colorpicker">Search bar color: </label>
370	<input type="color" name="branchcolor" id="branchcolor" size="16" maxlength="16" value="[% library.branchcolor \| html %]" />	370	<input type="color" name="colorpicker" id="colorpicker" value="[% library.branchcolor \| html %]" />
		371	<input type="text" name="branchcolor" id="branchcolor" readonly="readonly" size="10" maxlength="16" value="[% library.branchcolor \| html %]" />
		372	<a href="#" class="clear_color"><i class="fa fa-fw fa-trash-can"></i> Clear</a>
371	</li>	373	</li>
372	</ol>	374	</ol>
373	</fieldset>	375	</fieldset>
Lines 912-917 Link Here
912	}	914	}
913	$( "#" + target ).hide();	915	$( "#" + target ).hide();
914	});	916	});
		917
		918	$("#colorpicker").on("change", function(){
		919	let branchcolor = this.value;
		920	$("#branchcolor").val( branchcolor );
		921	});
		922
		923	$(".clear_color").on("click", function(e){
		924	e.preventDefault();
		925	$("#branchcolor, #colorpicker").val( "" );
		926	});
915	</script>	927	</script>
916	[% END %]	928	[% END %]
917		929
918	-

Return to bug 37054

Lines 52-61 a.navbar-toggle { Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss (-10 / +15 lines)
52	}	52	}
53		53
54	#header_search {	54	#header_search {
		55	background-color: $background-color-primary;
55	border-radius: 0;	56	border-radius: 0;
56	border: 1px solid $background-color-primary;	57	border: 1px solid $background-color-primary;
57	display: flex;	58	display: flex;
58	padding: 0.6em;	59	padding: 0 .8em;
59		60
60	ul {	61	ul {
61	padding: 0;	62	padding: 0;
Lines 64-69 a.navbar-toggle { Link Here
64	display: flex;	65	display: flex;
65	align-items: center;	66	align-items: center;
66	color: white;	67	color: white;
		68	background-color: $background-color-primary;
67	z-index: 2;	69	z-index: 2;
68	flex-grow: 1;	70	flex-grow: 1;
69		71
Lines 95-102 a.navbar-toggle { Link Here
95	}	97	}
96		98
97	.form-title {	99	.form-title {
98	padding: 0 16px;	100	padding: 0 16px 0 0;
99	border-radius: 16px;	101	background-color: $background-color-primary;
		102	border-radius: 0 16px 16px 0;
100	display: flex;	103	display: flex;
101	align-items: center;	104	align-items: center;
102	justify-content: flex-end;	105	justify-content: flex-end;
Lines 107-115 a.navbar-toggle { Link Here
107	label {	110	label {
108	color: white;	111	color: white;
109	font-weight: bold;	112	font-weight: bold;
110	margin: 0i auto;	113	margin: 0;
111	white-space: nowrap;	114	white-space: nowrap;
112	margin-bottom: 0;
113	}	115	}
114	}	116	}
115		117
Lines 208-213 a.navbar-toggle { Link Here
208	input[type="submit"],	210	input[type="submit"],
209	button[type="submit"] {	211	button[type="submit"] {
210	height: 31px;	212	height: 31px;
		213	background-color: $background-color-secondary;
211	color: white;	214	color: white;
212	border: 0;	215	border: 0;
213	text-shadow: unset;	216	text-shadow: unset;
Lines 253-269 a.navbar-toggle { Link Here
253	> li {	256	> li {
254		257
255	> a {	258	> a {
256	border: 2px solid;	259	background-color: $background-color-primary;
		260	border: 2px solid $background-color-primary;
257	border-radius: 0;	261	border-radius: 0;
258	color: #FFF;	262	color: #FFF;
259	font-weight: normal;	263	font-weight: normal;
260	line-height: 1.3;	264	line-height: 1.3;
261	margin: 0 .25em;	265	margin: 0 .25em;
262	padding: .25em .5em;	266	padding: 0 .25em;
263		267
264	&:hover, &:focus, &:active {	268	&:hover, &:focus, &:active {
265	border: 2px solid;	269	background-color: $background-color-primary;
266	border-bottom-color: currentColor;	270	border: 2px solid $background-color-primary;
		271	border-bottom-color: $background-color-secondary;
267	border-bottom: 0;	272	border-bottom: 0;
268	padding: 0 .25em;	273	padding: 0 .25em;
269	text-decoration: none;	274	text-decoration: none;
Lines 274-280 a.navbar-toggle { Link Here
274	a {	279	a {
275	cursor: default;	280	cursor: default;
276	padding: 0 .25em;	281	padding: 0 .25em;
277	border-bottom: 2px solid currentColor !important;	282	border-bottom: 2px solid #FFF;
278		283
279	&:hover,	284	&:hover,
280	&:focus {	285	&:focus {

Lines 53-78 var Koha = {}; Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc (-19 / +16 lines)
53	[% IF ( login ) %]	53	[% IF ( login ) %]
54	[% Asset.css("css/login.css") \| $raw %]	54	[% Asset.css("css/login.css") \| $raw %]
55	[% END %]	55	[% END %]
56	[% SET branchcolor = Branches.GetBranchColor( Branches.GetLoggedInBranchcode() ) \|\| '#408540' %]	56	[% SET branchcolor = Branches.GetBranchColor( Branches.GetLoggedInBranchcode() ) %]
57	<style>	57	[% IF branchcolor %]
58	.toptabs,	58	<style>
59	#header_search,	59	#header_search,
60	#header_search ul,	60	#header_search ul,
61	#header_search .nav-tabs > li > a {	61	#header_search .form-title,
62	background: [% branchcolor \| html %] !important;	62	#header_search .nav-tabs > li > a {
63	border-color: [% branchcolor \| html %] !important;	63	background-color: [% branchcolor \| html %];
64	}	64	border-color: [% branchcolor \| html %];
		65	}
65		66
66	.form-title, #header_search button[type="submit"] {	67	#header_search button[type="submit"] {
67	background: [% branchcolor \| html %] !important;	68	background: [% branchcolor \| html %];
68	filter: brightness(85%);	69	filter: brightness(160%);
69	}	70	}
70		71	</style>
71	#header_search .nav-tabs > li > a {	72	[% END %]
72	background: [% branchcolor \| html %] !important;
73	border-color: [% branchcolor \| html %] !important;
74	}
75	</style>
76	[% IF ( IntranetUserCSS ) %]<style>[% IntranetUserCSS \| $raw %]</style>[% END %]	73	[% IF ( IntranetUserCSS ) %]<style>[% IntranetUserCSS \| $raw %]</style>[% END %]
77		74
78	[% KohaPlugins.get_plugins_intranet_head \| $raw %]	75	[% KohaPlugins.get_plugins_intranet_head \| $raw %]