Attachment #120033 for bug #27814

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




    }
}

.dt-buttons {
    display: flex;
    flex-wrap: wrap;
}

.dt-button {
    background-color: transparent;
    border: 0;
    color: #0088cc;
    display: inline-block;
    line-height: 20px;
    padding: 4px 12px;
    text-align: center;




    .input-fluid {
        width: 90%;
    }

}

@media only screen and ( min-width: 342px ) and ( max-width: 479px ) {

        float: none;
        margin: 0;
    }

    .dt-buttons {
        display: flex;
    }
}

@media only screen and ( max-width: 608px ) {

    .main {
        @include border-radius-all( 0 );
        margin: 0;
        padding: 0;
    }

    .breadcrumb {

        font-weight: bold;
    }

    .ui-tabs .ui-tabs-panel {
        padding: .5em;
    }

    .ui-tabs-panel,
    .tabs-container,
    #topissues,

    #checkouts_filter {
        display: block;
    }

    .table_controls {
        display: block;

        label {
            display: block;
        }
    }
}

@media only screen and ( max-width: 700px ) {

    #wrapper {
        padding: 0;
    }

    .table_controls {
        display: block;

        label {
            display: block;
        }
    }
}

@media only screen and ( max-width: 800px ) {
- 

Return to bug 27814

Lines 299-309 textarea, Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss (-1 / +5 lines)
299	}	299	}
300	}	300	}
301		301
		302	.dt-buttons {
		303	display: flex;
		304	flex-wrap: wrap;
		305	}
		306
302	.dt-button {	307	.dt-button {
303	background-color: transparent;	308	background-color: transparent;
304	border: 0;	309	border: 0;
305	color: #0088cc;	310	color: #0088cc;
306	display: inline-block;
307	line-height: 20px;	311	line-height: 20px;
308	padding: 4px 12px;	312	padding: 4px 12px;
309	text-align: center;	313	text-align: center;

Lines 18-23 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss (-14 / +14 lines)
18	.input-fluid {	18	.input-fluid {
19	width: 90%;	19	width: 90%;
20	}	20	}
		21
21	}	22	}
22		23
23	@media only screen and ( min-width: 342px ) and ( max-width: 479px ) {	24	@media only screen and ( min-width: 342px ) and ( max-width: 479px ) {
Lines 80-89 Link Here
80	float: none;	81	float: none;
81	margin: 0;	82	margin: 0;
82	}	83	}
83
84	.dt-buttons {
85	display: flex;
86	}
87	}	84	}
88		85
89	@media only screen and ( max-width: 608px ) {	86	@media only screen and ( max-width: 608px ) {
Lines 191-197 Link Here
191	.main {	188	.main {
192	@include border-radius-all( 0 );	189	@include border-radius-all( 0 );
193	margin: 0;	190	margin: 0;
194	padding: 15px;	191	padding: 0;
195	}	192	}
196		193
197	.breadcrumb {	194	.breadcrumb {
Lines 207-212 Link Here
207	font-weight: bold;	204	font-weight: bold;
208	}	205	}
209		206
		207	.ui-tabs .ui-tabs-panel {
		208	padding: .5em;
		209	}
		210
210	.ui-tabs-panel,	211	.ui-tabs-panel,
211	.tabs-container,	212	.tabs-container,
212	#topissues,	213	#topissues,
Lines 272-285 Link Here
272	#checkouts_filter {	273	#checkouts_filter {
273	display: block;	274	display: block;
274	}	275	}
275
276	.table_controls {
277	display: block;
278
279	label {
280	display: block;
281	}
282	}
283	}	276	}
284		277
285	@media only screen and ( max-width: 700px ) {	278	@media only screen and ( max-width: 700px ) {
Lines 424-429 Link Here
424	#wrapper {	417	#wrapper {
425	padding: 0;	418	padding: 0;
426	}	419	}
		420
		421	.table_controls {
		422	display: block;
		423
		424	label {
		425	display: block;
		426	}
		427	}
427	}	428	}
428		429
429	@media only screen and ( max-width: 800px ) {	430	@media only screen and ( max-width: 800px ) {
430	-