Attachment #141041 for bug #30952

View | Details | Raw Unified | Return to bug 30952
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;


        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;

        background-color: white;
        padding: 1em;
        border-radius: 0 0 8px 8px;
        border: 1px solid $background-color-primary;
        border-top: 0 none;
        box-shadow: 0 2px 2px 1px #00000030;
        z-index: 1;


#lastborrower-window {
    display: none;
    background-color: $background-color-primary;
    box-shadow: 1px 1px 1px 0 #999;
    color: #FFFFFF;
    padding: .2em;

Lines 1-5 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/_variables.scss (-1 / +1 lines)
1	$green-text-color: #006100;	1	$green-text-color: #006100;
2	$background-color-primary: #418940;	2	$background-color-primary: #408540;
3		3
4	// Copied from Bootstrap 5 without system-ui because of	4	// Copied from Bootstrap 5 without system-ui because of
5	// https://infinnie.github.io/blog/2017/systemui.html	5	// https://infinnie.github.io/blog/2017/systemui.html




@import "fonts";

::selection {
    background: $background-color-primary;
    color: #FFFFFF;
}


    }

    &.clear_date {
        color: $green-text-color;
        font-size: 130%;
        vertical-align: middle;


        }

        &:hover {
            color: $green-text-color;
            text-decoration: none;
            font-weight: bold;

            i, img {
                border-color: $background-color-primary;
                background-color: transparent;
                color: $green-text-color;
            }

        }

            &.active > a, a:hover, a.current {
                background-color: #F3F4F4;
                text-decoration: none;
                color: $green-text-color;
                border-left: solid 5px $background-color-primary;
                font-weight: bold;
            }
        }

input,
textarea {
    &:focus {
        border-color: $background-color-primary;
        border-radius: 4px;
    }
}

    }

    &.success {
        color: $green-text-color;
    }

    &.warn {

    background-color: #FEC32C;
    i {
        &.fa {
            color: $green-text-color;
        }
    }
}

.ui-widget-content {
    background: #FFFFFF none;
    border-radius: 4px;
    border: 3px solid $background-color-primary;
    color: #222222;
}


    .ui-tabs-panel {
        background: #FFF none;
        border-radius: 4px;
        border: 3px solid $background-color-primary;

        fieldset {
            box-shadow: none;

            border-radius: 4px 4px 0 0;

            &.ui-tabs-active, &.ui-state-hover {
                background-color: $background-color-primary;
                border-radius: 4px 4px 0 0;
                border: 0;
                border-bottom-width: 0;
                padding-bottom: 0;

                a {
                    color: #000;
                }


            }
        }
    }


    .ui-state-hover {
        a {
            color: $green-text-color;

            &:link,
            &:visited {
                color: $green-text-color;
            }
        }
    }

                font-weight: normal;
                padding-bottom: 1px;

                background-color: $background-color-primary;
                border: 0;
                border-bottom-width: 0;



    .tabs-container {
        background: none repeat scroll 0 0 transparent;
        border: 3px solid $background-color-primary;
        border-radius: 4px;
        color: #222222;
        display: block;

        .ui-tabs-panel {
            background: #FFF none;
            border-radius: 4px;
            border: 3px solid $background-color-primary;

            fieldset {
                box-shadow: none;


            li {
                display: inline;
                color : $green-text-color;
                font-style: italic;

                &+li::before {


.tab-content {
    background-color: #fff;
    border: 3px solid $background-color-primary;
    border-radius: 4px;
    padding: 1em;
}

    > li {
        > a {
            background-color: #71B443;
            color: #111;
            line-height: 1.42857143;
            margin-right: .4em;
            padding: .5em 1em;

            &:hover, &:focus, &:active {
                background-color: $background-color-primary;
                border-radius: 4px 4px 0 0;
                border: 1px solid $background-color-primary;
                padding: .5em 1em;
                text-decoration: none;
                color: #FFFFFF;

            a,
            a:hover,
            a:focus {
                background-color: $background-color-primary;
                border-radius: 4px 4px 0 0;
                color: #FFFFFF;
                cursor: default;


#browse-return-to-results {
    background-color: #e6e6e6;
    border: 1px solid lighten($background-color-primary, 30%);
    border-bottom-width: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;


.browse-button {
    background-color: transparent;
    border: 1px solid lighten($background-color-primary, 30%);
    display: block;
    overflow: hidden;
    padding: .4em .6em;

            font-weight: bold;

            &:hover {
                background-color: $background-color-primary;
                color: white;
                text-decoration: none;
            }
- 

Return to bug 30952

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

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss (-6 / +6 lines)
44	}	44	}
45		45
46	#header_search {	46	#header_search {
47	background-color: #418940;	47	background-color: $background-color-primary;
48	border-radius: 0;	48	border-radius: 0;
49	border: 1px solid #418940;	49	border: 1px solid $background-color-primary;
50	display: flex;	50	display: flex;
51	padding: 0 .8em;	51	padding: 0 .8em;
52		52
Lines 69-75 a.navbar-toggle { Link Here
69	display: flex;	69	display: flex;
70	align-items: center;	70	align-items: center;
71	color: white;	71	color: white;
72	background-color: #418940;	72	background-color: $background-color-primary;
73	z-index: 2;	73	z-index: 2;
74	flex-grow: 1;	74	flex-grow: 1;
75		75
Lines 105-111 a.navbar-toggle { Link Here
105		105
106	.form-title {	106	.form-title {
107	padding: 0 16px 0 0;	107	padding: 0 16px 0 0;
108	background-color: #418940;	108	background-color: $background-color-primary;
109	border-radius: 0 16px 16px 0;	109	border-radius: 0 16px 16px 0;
110	display: flex;	110	display: flex;
111	align-items: center;	111	align-items: center;
Lines 153-159 a.navbar-toggle { Link Here
153	background-color: white;	153	background-color: white;
154	padding: 1em;	154	padding: 1em;
155	border-radius: 0 0 8px 8px;	155	border-radius: 0 0 8px 8px;
156	border: 1px solid #418940;	156	border: 1px solid $background-color-primary;
157	border-top: 0 none;	157	border-top: 0 none;
158	box-shadow: 0 2px 2px 1px #00000030;	158	box-shadow: 0 2px 2px 1px #00000030;
159	z-index: 1;	159	z-index: 1;
Lines 208-214 a.navbar-toggle { Link Here
208		208
209	#lastborrower-window {	209	#lastborrower-window {
210	display: none;	210	display: none;
211	background-image: linear-gradient(to left, #418940, #71B443);	211	background-color: $background-color-primary;
212	box-shadow: 1px 1px 1px 0 #999;	212	box-shadow: 1px 1px 1px 0 #999;
213	color: #FFFFFF;	213	color: #FFFFFF;
214	padding: .2em;	214	padding: .2em;

Lines 5-11 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (-31 / +28 lines)
5	@import "fonts";	5	@import "fonts";
6		6
7	::selection {	7	::selection {
8	background: #418940;	8	background: $background-color-primary;
9	color: #FFFFFF;	9	color: #FFFFFF;
10	}	10	}
11		11
Lines 64-70 a { Link Here
64	}	64	}
65		65
66	&.clear_date {	66	&.clear_date {
67	color: #418940;	67	color: $green-text-color;
68	font-size: 130%;	68	font-size: 130%;
69	vertical-align: middle;	69	vertical-align: middle;
70		70
Lines 95-108 a { Link Here
95	}	95	}
96		96
97	&:hover {	97	&:hover {
98	color: #418940;	98	color: $green-text-color;
99	text-decoration: none;	99	text-decoration: none;
100	font-weight: bold;	100	font-weight: bold;
101		101
102	i, img {	102	i, img {
103	border-color: #418940;	103	border-color: $background-color-primary;
104	background-color: transparent;	104	background-color: transparent;
105	color: #418940;	105	color: $green-text-color;
106	}	106	}
107		107
108	}	108	}
Lines 403-410 aside { Link Here
403	&.active > a, a:hover, a.current {	403	&.active > a, a:hover, a.current {
404	background-color: #F3F4F4;	404	background-color: #F3F4F4;
405	text-decoration: none;	405	text-decoration: none;
406	color: #418940;	406	color: $green-text-color;
407	border-left: solid 5px #418940;	407	border-left: solid 5px $background-color-primary;
408	font-weight: bold;	408	font-weight: bold;
409	}	409	}
410	}	410	}
Lines 623-629 cite { Link Here
623	input,	623	input,
624	textarea {	624	textarea {
625	&:focus {	625	&:focus {
626	border-color: #418940;	626	border-color: $background-color-primary;
627	border-radius: 4px;	627	border-radius: 4px;
628	}	628	}
629	}	629	}
Lines 1523-1529 i { Link Here
1523	}	1523	}
1524		1524
1525	&.success {	1525	&.success {
1526	color: #418940;	1526	color: $green-text-color;
1527	}	1527	}
1528		1528
1529	&.warn {	1529	&.warn {
Lines 1791-1797 i { Link Here
1791	background-color: #FEC32C;	1791	background-color: #FEC32C;
1792	i {	1792	i {
1793	&.fa {	1793	&.fa {
1794	color: #418940;	1794	color: $green-text-color;
1795	}	1795	}
1796	}	1796	}
1797	}	1797	}
Lines 2670-2676 td.bundle { Link Here
2670	.ui-widget-content {	2670	.ui-widget-content {
2671	background: #FFFFFF none;	2671	background: #FFFFFF none;
2672	border-radius: 4px;	2672	border-radius: 4px;
2673	border: 3px solid #418940;	2673	border: 3px solid $background-color-primary;
2674	color: #222222;	2674	color: #222222;
2675	}	2675	}
2676		2676
Lines 2784-2790 td.bundle { Link Here
2784	.ui-tabs-panel {	2784	.ui-tabs-panel {
2785	background: #FFF none;	2785	background: #FFF none;
2786	border-radius: 4px;	2786	border-radius: 4px;
2787	border: 3px solid #418940;	2787	border: 3px solid $background-color-primary;
2788		2788
2789	fieldset {	2789	fieldset {
2790	box-shadow: none;	2790	box-shadow: none;
Lines 2798-2814 td.bundle { Link Here
2798	border-radius: 4px 4px 0 0;	2798	border-radius: 4px 4px 0 0;
2799		2799
2800	&.ui-tabs-active, &.ui-state-hover {	2800	&.ui-tabs-active, &.ui-state-hover {
2801	background-color: #418940;	2801	background-color: $background-color-primary;
2802	border-radius: 4px 4px 0 0;	2802	border-radius: 4px 4px 0 0;
2803	border: 0;	2803	border: 0;
2804	border-bottom-width: 0;	2804	border-bottom-width: 0;
2805	padding-bottom: 0;	2805	padding-bottom: 0;
2806		2806
2807	a {	2807	a {
2808	color: #FFF;	2808	color: #000;
2809	}	2809	}
2810
2811
2812	}	2810	}
2813	}	2811	}
2814	}	2812	}
Lines 2831-2841 td.bundle { Link Here
2831		2829
2832	.ui-state-hover {	2830	.ui-state-hover {
2833	a {	2831	a {
2834	color: #418940;	2832	color: $green-text-color;
2835		2833
2836	&:link,	2834	&:link,
2837	&:visited {	2835	&:visited {
2838	color: #418940;	2836	color: $green-text-color;
2839	}	2837	}
2840	}	2838	}
2841	}	2839	}
Lines 2946-2952 td.bundle { Link Here
2946	font-weight: normal;	2944	font-weight: normal;
2947	padding-bottom: 1px;	2945	padding-bottom: 1px;
2948		2946
2949	background-color: #418940;	2947	background-color: $background-color-primary;
2950	border: 0;	2948	border: 0;
2951	border-bottom-width: 0;	2949	border-bottom-width: 0;
2952		2950
Lines 2975-2981 td.bundle { Link Here
2975		2973
2976	.tabs-container {	2974	.tabs-container {
2977	background: none repeat scroll 0 0 transparent;	2975	background: none repeat scroll 0 0 transparent;
2978	border: 3px solid #418940;	2976	border: 3px solid $background-color-primary;
2979	border-radius: 4px;	2977	border-radius: 4px;
2980	color: #222222;	2978	color: #222222;
2981	display: block;	2979	display: block;
Lines 2988-2994 td.bundle { Link Here
2988	.ui-tabs-panel {	2986	.ui-tabs-panel {
2989	background: #FFF none;	2987	background: #FFF none;
2990	border-radius: 4px;	2988	border-radius: 4px;
2991	border: 3px solid #418940;	2989	border: 3px solid $background-color-primary;
2992		2990
2993	fieldset {	2991	fieldset {
2994	box-shadow: none;	2992	box-shadow: none;
Lines 3160-3166 nav { Link Here
3160		3158
3161	li {	3159	li {
3162	display: inline;	3160	display: inline;
3163	color : #418940;	3161	color : $green-text-color;
3164	font-style: italic;	3162	font-style: italic;
3165		3163
3166	&+li::before {	3164	&+li::before {
Lines 3546-3552 code { Link Here
3546		3544
3547	.tab-content {	3545	.tab-content {
3548	background-color: #fff;	3546	background-color: #fff;
3549	border: 3px solid #418940;	3547	border: 3px solid $background-color-primary;
3550	border-radius: 4px;	3548	border-radius: 4px;
3551	padding: 1em;	3549	padding: 1em;
3552	}	3550	}
Lines 3555-3569 code { Link Here
3555	> li {	3553	> li {
3556	> a {	3554	> a {
3557	background-color: #71B443;	3555	background-color: #71B443;
3558	color: #FFFFFF;	3556	color: #111;
3559	line-height: 1.42857143;	3557	line-height: 1.42857143;
3560	margin-right: .4em;	3558	margin-right: .4em;
3561	padding: .5em 1em;	3559	padding: .5em 1em;
3562		3560
3563	&:hover, &:focus, &:active {	3561	&:hover, &:focus, &:active {
3564	background-color: #418940;	3562	background-color: $background-color-primary;
3565	border-radius: 4px 4px 0 0;	3563	border-radius: 4px 4px 0 0;
3566	border: 1px solid #418940;	3564	border: 1px solid $background-color-primary;
3567	padding: .5em 1em;	3565	padding: .5em 1em;
3568	text-decoration: none;	3566	text-decoration: none;
3569	color: #FFFFFF;	3567	color: #FFFFFF;
Lines 3574-3580 code { Link Here
3574	a,	3572	a,
3575	a:hover,	3573	a:hover,
3576	a:focus {	3574	a:focus {
3577	background-color: #418940;	3575	background-color: $background-color-primary;
3578	border-radius: 4px 4px 0 0;	3576	border-radius: 4px 4px 0 0;
3579	color: #FFFFFF;	3577	color: #FFFFFF;
3580	cursor: default;	3578	cursor: default;
Lines 3694-3700 progress { Link Here
3694		3692
3695	#browse-return-to-results {	3693	#browse-return-to-results {
3696	background-color: #e6e6e6;	3694	background-color: #e6e6e6;
3697	border: 1px solid lighten(#418940, 30%);	3695	border: 1px solid lighten($background-color-primary, 30%);
3698	border-bottom-width: 0;	3696	border-bottom-width: 0;
3699	border-top-left-radius: 5px;	3697	border-top-left-radius: 5px;
3700	border-top-right-radius: 5px;	3698	border-top-right-radius: 5px;
Lines 3705-3711 progress { Link Here
3705		3703
3706	.browse-button {	3704	.browse-button {
3707	background-color: transparent;	3705	background-color: transparent;
3708	border: 1px solid lighten(#418940, 30%);	3706	border: 1px solid lighten($background-color-primary, 30%);
3709	display: block;	3707	display: block;
3710	overflow: hidden;	3708	overflow: hidden;
3711	padding: .4em .6em;	3709	padding: .4em .6em;
Lines 4283-4289 input.renew { Link Here
4283	font-weight: bold;	4281	font-weight: bold;
4284		4282
4285	&:hover {	4283	&:hover {
4286	background-color: #418940;	4284	background-color: $background-color-primary;
4287	color: white;	4285	color: white;
4288	text-decoration: none;	4286	text-decoration: none;
4289	}	4287	}
4290	-