Handle the column selector in bs table styling
Signed-off-by: snipe <snipe@snipe.net>
This commit is contained in:
snipe
parent
5c89439ba3
commit
4035cd118e
7 changed files with 80 additions and 170 deletions
|
|
@ -1066,4 +1066,18 @@ input[type="radio"]::before {
|
|||
input[type="radio"]:checked::before {
|
||||
transform: scale(1);
|
||||
}
|
||||
/**
|
||||
* This addresses the column selector in bootstrap-table. Without these two lines, the
|
||||
* checkbox and the <span></span> with the label text that BS tables generates will
|
||||
* end up on two different lines and it looks assy.
|
||||
*/
|
||||
.dropdown-item-marker input[type=checkbox] {
|
||||
font-size: 10px;
|
||||
}
|
||||
.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label {
|
||||
font-weight: normal;
|
||||
display: grid;
|
||||
grid-template-columns: 0.1em auto;
|
||||
gap: 1.5em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -699,4 +699,18 @@ input[type="radio"]::before {
|
|||
input[type="radio"]:checked::before {
|
||||
transform: scale(1);
|
||||
}
|
||||
/**
|
||||
* This addresses the column selector in bootstrap-table. Without these two lines, the
|
||||
* checkbox and the <span></span> with the label text that BS tables generates will
|
||||
* end up on two different lines and it looks assy.
|
||||
*/
|
||||
.dropdown-item-marker input[type=checkbox] {
|
||||
font-size: 10px;
|
||||
}
|
||||
.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label {
|
||||
font-weight: normal;
|
||||
display: grid;
|
||||
grid-template-columns: 0.1em auto;
|
||||
gap: 1.5em;
|
||||
}
|
||||
|
||||
|
|
|
|||
149
public/css/dist/all.css
vendored
149
public/css/dist/all.css
vendored
|
|
@ -21545,127 +21545,6 @@ a.ui-button:active,
|
|||
box-shadow: 0px 0px 5px #666666;
|
||||
}
|
||||
|
||||
/* iCheck plugin Minimal skin, blue
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-blue,
|
||||
.iradio_minimal-blue {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(blue.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-blue {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-blue.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-blue {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-blue.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-blue.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-blue.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-blue.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-blue,
|
||||
.iradio_minimal-blue {
|
||||
background-image: url(blue@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
/* iCheck plugin Minimal skin, black
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal,
|
||||
.iradio_minimal {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(minimal.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal,
|
||||
.iradio_minimal {
|
||||
background-image: url(minimal@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
/*!
|
||||
* Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
|
||||
*
|
||||
|
|
@ -23946,6 +23825,20 @@ input[type="radio"]::before {
|
|||
input[type="radio"]:checked::before {
|
||||
transform: scale(1);
|
||||
}
|
||||
/**
|
||||
* This addresses the column selector in bootstrap-table. Without these two lines, the
|
||||
* checkbox and the <span></span> with the label text that BS tables generates will
|
||||
* end up on two different lines and it looks assy.
|
||||
*/
|
||||
.dropdown-item-marker input[type=checkbox] {
|
||||
font-size: 10px;
|
||||
}
|
||||
.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label {
|
||||
font-weight: normal;
|
||||
display: grid;
|
||||
grid-template-columns: 0.1em auto;
|
||||
gap: 1.5em;
|
||||
}
|
||||
|
||||
|
||||
.select2-container {
|
||||
|
|
@ -25131,4 +25024,18 @@ input[type="radio"]::before {
|
|||
input[type="radio"]:checked::before {
|
||||
transform: scale(1);
|
||||
}
|
||||
/**
|
||||
* This addresses the column selector in bootstrap-table. Without these two lines, the
|
||||
* checkbox and the <span></span> with the label text that BS tables generates will
|
||||
* end up on two different lines and it looks assy.
|
||||
*/
|
||||
.dropdown-item-marker input[type=checkbox] {
|
||||
font-size: 10px;
|
||||
}
|
||||
.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label {
|
||||
font-weight: normal;
|
||||
display: grid;
|
||||
grid-template-columns: 0.1em auto;
|
||||
gap: 1.5em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1049,14 +1049,6 @@ $(document).ready(function () {
|
|||
}
|
||||
});
|
||||
/*
|
||||
* iCheck checkbox plugin
|
||||
*/
|
||||
|
||||
$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
|
||||
checkboxClass: 'icheckbox_minimal-blue',
|
||||
radioClass: 'iradio_minimal-blue'
|
||||
});
|
||||
/*
|
||||
* Select2
|
||||
*/
|
||||
|
||||
|
|
@ -1435,22 +1427,10 @@ function htmlEntities(str) {
|
|||
*
|
||||
* How to use:
|
||||
*
|
||||
* 1. Set the class of your select2 elements to 'livewire-select2' and your icheck elements to 'livewire-icheck' (as appropriate).
|
||||
* (For iCheck, you may still need to apply the other iCheck classes like 'minimal' or 'iCheck')
|
||||
* 1. Set the class of your select2 elements to 'livewire-select2').
|
||||
* 2. Name your element to match a property in your Livewire component
|
||||
* 3. Add an attribute called 'data-livewire-component' that points to $_instance->id (via `{{ }}` if you're in a blade,
|
||||
* or just $_instance->id if not).
|
||||
* 4. For iCheck, you need to wrap the 'checkbox' element with wire:ignore - perhaps in the <label> if it wraps the
|
||||
* <input> element, or just put a <span wire:ignore></span> around just the input element.
|
||||
* 5. If you have dynamically shown/hidden checkboxes, you might need to initialize iCheck on them on component page-load.
|
||||
* Just use $('.livewire-icheck').iCheck(), or for the minimal-style, use:
|
||||
*
|
||||
* $('input[type="checkbox"].minimal.livewire-icheck, input[type="radio"].minimal.livewire-icheck').iCheck({
|
||||
* checkboxClass: 'icheckbox_minimal-blue',
|
||||
* radioClass: 'iradio_minimal-blue'
|
||||
* });
|
||||
*
|
||||
* (which is stolen from above here in this JS file)
|
||||
*/
|
||||
|
||||
|
||||
|
|
|
|||
22
public/js/dist/all.js
vendored
22
public/js/dist/all.js
vendored
|
|
@ -60178,14 +60178,6 @@ $(document).ready(function () {
|
|||
}
|
||||
});
|
||||
/*
|
||||
* iCheck checkbox plugin
|
||||
*/
|
||||
|
||||
$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
|
||||
checkboxClass: 'icheckbox_minimal-blue',
|
||||
radioClass: 'iradio_minimal-blue'
|
||||
});
|
||||
/*
|
||||
* Select2
|
||||
*/
|
||||
|
||||
|
|
@ -60564,22 +60556,10 @@ function htmlEntities(str) {
|
|||
*
|
||||
* How to use:
|
||||
*
|
||||
* 1. Set the class of your select2 elements to 'livewire-select2' and your icheck elements to 'livewire-icheck' (as appropriate).
|
||||
* (For iCheck, you may still need to apply the other iCheck classes like 'minimal' or 'iCheck')
|
||||
* 1. Set the class of your select2 elements to 'livewire-select2').
|
||||
* 2. Name your element to match a property in your Livewire component
|
||||
* 3. Add an attribute called 'data-livewire-component' that points to $_instance->id (via `{{ }}` if you're in a blade,
|
||||
* or just $_instance->id if not).
|
||||
* 4. For iCheck, you need to wrap the 'checkbox' element with wire:ignore - perhaps in the <label> if it wraps the
|
||||
* <input> element, or just put a <span wire:ignore></span> around just the input element.
|
||||
* 5. If you have dynamically shown/hidden checkboxes, you might need to initialize iCheck on them on component page-load.
|
||||
* Just use $('.livewire-icheck').iCheck(), or for the minimal-style, use:
|
||||
*
|
||||
* $('input[type="checkbox"].minimal.livewire-icheck, input[type="radio"].minimal.livewire-icheck').iCheck({
|
||||
* checkboxClass: 'icheckbox_minimal-blue',
|
||||
* radioClass: 'iradio_minimal-blue'
|
||||
* });
|
||||
*
|
||||
* (which is stolen from above here in this JS file)
|
||||
*/
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
{
|
||||
"/js/build/app.js": "/js/build/app.js?id=bcb572126085fb7637accdcff1e0c0c6",
|
||||
"/js/build/app.js": "/js/build/app.js?id=28c6122bd878c92d1b8612ed7f9a6020",
|
||||
"/css/dist/skins/skin-blue.css": "/css/dist/skins/skin-blue.css?id=f677207c6cf9678eb539abecb408c374",
|
||||
"/css/build/overrides.css": "/css/build/overrides.css?id=d9175e3d9b9074397343dddebfe23888",
|
||||
"/css/build/app.css": "/css/build/app.css?id=dcb8aa9f4501a370214a67442e88daf0",
|
||||
"/css/build/overrides.css": "/css/build/overrides.css?id=12fbe7aae4e47816f9801b05c29bac60",
|
||||
"/css/build/app.css": "/css/build/app.css?id=23375c4b64b7ccb3f5e092d5bab50d07",
|
||||
"/css/build/AdminLTE.css": "/css/build/AdminLTE.css?id=dc383f8560a8d4adb51d44fb4043e03b",
|
||||
"/css/dist/skins/skin-orange.css": "/css/dist/skins/skin-orange.css?id=6f0563e726c2fe4fab4026daaa5bfdf2",
|
||||
"/css/dist/skins/skin-orange-dark.css": "/css/dist/skins/skin-orange-dark.css?id=f343f659ca1d45534d2c2c3cc30fb619",
|
||||
|
|
@ -18,9 +18,7 @@
|
|||
"/css/dist/skins/skin-green.css": "/css/dist/skins/skin-green.css?id=0a82a6ae6bb4e58fe62d162c4fb50397",
|
||||
"/css/dist/skins/skin-contrast.css": "/css/dist/skins/skin-contrast.css?id=da6c7997d9de2f8329142399f0ce50da",
|
||||
"/css/dist/skins/skin-red.css": "/css/dist/skins/skin-red.css?id=44bf834f2110504a793dadec132a5898",
|
||||
"/css/dist/all.css": "/css/dist/all.css?id=0314c741a636de602ec952468eb171f3",
|
||||
"/css/blue.png": "/css/blue.png?id=e83a6c29e04fe851f2122815b2e4b150",
|
||||
"/css/blue@2x.png": "/css/blue@2x.png?id=51135dd4d24f88f5de0b2414bd51dac5",
|
||||
"/css/dist/all.css": "/css/dist/all.css?id=89e57cb9fdbe2cfb43f54a13868134ce",
|
||||
"/css/dist/signature-pad.css": "/css/dist/signature-pad.css?id=6a89d3cd901305e66ced1cf5f13147f7",
|
||||
"/css/dist/signature-pad.min.css": "/css/dist/signature-pad.min.css?id=6a89d3cd901305e66ced1cf5f13147f7",
|
||||
"/css/webfonts/fa-brands-400.ttf": "/css/webfonts/fa-brands-400.ttf?id=2df05d4beaa48550d71234e8dca79141",
|
||||
|
|
@ -34,7 +32,7 @@
|
|||
"/css/dist/bootstrap-table.css": "/css/dist/bootstrap-table.css?id=ee4896df8b8f008ce73a9a0c2549aefd",
|
||||
"/js/build/vendor.js": "/js/build/vendor.js?id=47ecbb4bb3b0e02315f391caadbdf971",
|
||||
"/js/dist/bootstrap-table.js": "/js/dist/bootstrap-table.js?id=14d9a2affec7b066d20fcba2e6e67ad2",
|
||||
"/js/dist/all.js": "/js/dist/all.js?id=eb7becb7a5a2ebf0dae7926190d95832",
|
||||
"/js/dist/all.js": "/js/dist/all.js?id=525e7726cc4cdcdf4e8bd8c2ad203297",
|
||||
"/css/dist/skins/skin-green.min.css": "/css/dist/skins/skin-green.min.css?id=0a82a6ae6bb4e58fe62d162c4fb50397",
|
||||
"/css/dist/skins/skin-green-dark.min.css": "/css/dist/skins/skin-green-dark.min.css?id=c0d21166315b7c2cdd4819fa4a5e4d1e",
|
||||
"/css/dist/skins/skin-black.min.css": "/css/dist/skins/skin-black.min.css?id=76482123f6c70e866d6b971ba91de7bb",
|
||||
|
|
|
|||
|
|
@ -803,3 +803,20 @@ input[type="radio"]::before {
|
|||
input[type="radio"]:checked::before {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* This addresses the column selector in bootstrap-table. Without these two lines, the
|
||||
* checkbox and the <span></span> with the label text that BS tables generates will
|
||||
* end up on two different lines and it looks assy.
|
||||
*/
|
||||
.dropdown-item-marker input[type=checkbox] {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label {
|
||||
font-weight: normal;
|
||||
display: grid;
|
||||
grid-template-columns: .1em auto;
|
||||
gap: 1.5em;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue