/* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */ .icon_bin { min-height: 100px; height: 30vh; overflow-y: scroll; padding: 10px; } .icon_bin label input[type=radio] { visibility: hidden; position: absolute; } .icon_bin label input[type=radio].form-check-input { visibility: visible; position: inherit; } .icon_bin label input[type=radio] + .icon { cursor: pointer; border: 3px solid white; margin: 2px; } .icon_bin label input[type=radio]:checked + .icon { transform: scale(1.5); z-index: 10; box-shadow: 0 0 3px black; } .icon_bin label .icon:hover { transform: scale(2); z-index: 11; } .icon_bin label { max-width: 50px; } #iconsearchrow { box-shadow: inset 0 -1px 0 #ddd; } #iconsearchrow:focus-within { box-shadow: inset 0 -2px 0 #2196F3; }