Warning, /firebird/firebird-ng/src/app/components/view-options/view-options.component.scss is written in an unsupported language. File is not indexed.
0001 button {
0002 background: none;
0003 border: none;
0004 cursor: pointer;
0005 padding: 10px;
0006 display: flex;
0007 justify-content: center;
0008 align-items: center;
0009 margin-left: 7px;
0010 border-radius: 50%;
0011 transition: background-color 0.3s ease;
0012
0013 &:hover {
0014 background-color: #5c5c5c;
0015 }
0016
0017 mat-icon {
0018 font-size: 24px;
0019 color: white;
0020 }
0021 }
0022
0023 .view-icon {
0024 width: 1.2rem;
0025 height: 1.2rem;
0026 margin-right: 0.5rem;
0027 }
0028
0029 .icon-wrapper {
0030 display: inline-block;
0031 width: 1.5rem;
0032 height: 1.5rem;
0033 padding: 0.23rem;
0034 transition: all 0.4s;
0035 transform: translateY(27%);
0036
0037 &.icon-button:hover {
0038 background: var(--phoenix-options-icon-bg);
0039 border-radius: 40%;
0040 cursor: pointer;
0041 }
0042
0043 svg {
0044 width: 100%;
0045 height: 100%;
0046 vertical-align: top;
0047 }
0048 }
0049
0050 .item-settings {
0051 margin-right: 0.2rem;
0052 margin-left: 0.5rem;
0053 }
