Antigravity Agent
112 lines
3.9 KiB
CSS
112 lines
3.9 KiB
CSS
.broken-links-settings .setting-item-control input {
|
|
min-width: 250px;
|
|
}
|
|
.broken-links-settings-folder {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-items: left;
|
|
gap: 5px;
|
|
padding: var(--size-4-1) 0;
|
|
}
|
|
.broken-links-settings-folder-icon {
|
|
margin-top: var(--size-4-1);
|
|
}
|
|
|
|
div.broken-links .hidden {
|
|
display: none;
|
|
}
|
|
div.broken-links .tree-item-children .tree-item-icon + .tree-item-icon {
|
|
margin-left: 0;
|
|
}
|
|
div.broken-links .tree-item-children .tree-item-icon + .tree-item-icon + .tree-item-inner {
|
|
margin-left: var(--size-4-5);
|
|
}
|
|
div.broken-links > .nav-files-container {
|
|
padding: 0 var(--size-4-3) var(--size-4-9) var(--size-4-3);
|
|
}
|
|
div.broken-links .nav-folder.mod-root > .nav-folder-title {
|
|
font-size: var(--font-ui-medium);
|
|
}
|
|
div.broken-links .nav-folder.mod-root > .nav-folder-children .nav-folder .nav-folder-title-content {
|
|
font-weight: var(--font-semibold);
|
|
}
|
|
div.broken-links .nav-folder-children .nav-folder-title > .tree-item-icon + .tree-item-icon {
|
|
margin-left: 0;
|
|
}
|
|
div.broken-links .nav-folder-children .nav-folder-title > .nav-folder-title-content {
|
|
flex-grow: 1;
|
|
}
|
|
div.broken-links .nav-link-title,
|
|
div.broken-links .nav-link-title.is-clickable:hover,
|
|
div.broken-links .nav-link-title .tree-item-icon {
|
|
color: var(--link-color);
|
|
}
|
|
|
|
div.broken-links .filter-row {
|
|
display: flex;
|
|
margin: var(--size-4-2) var(--size-4-2) 0;
|
|
gap: var(--size-4-1);
|
|
}
|
|
div.broken-links .filter-input-container {
|
|
flex-grow: 1;
|
|
position: relative;
|
|
}
|
|
div.broken-links .filter-input-container::before {
|
|
top: calc((var(--input-height) - var(--search-icon-size)) / 2);
|
|
left: 8px;
|
|
position: absolute;
|
|
content: "";
|
|
height: var(--search-icon-size);
|
|
width: var(--search-icon-size);
|
|
display: block;
|
|
background-color: var(--search-icon-color);
|
|
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-filter"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/></svg>');
|
|
-webkit-mask-repeat: no-repeat;
|
|
}
|
|
div.broken-links .filter-input-container input {
|
|
display: block;
|
|
width: 100%;
|
|
padding-left: 36px;
|
|
padding-right: 56px;
|
|
}
|
|
div.broken-links .filter-input-clear-button {
|
|
position: absolute;
|
|
background: transparent;
|
|
border-radius: 50%;
|
|
color: var(--search-clear-button-color);
|
|
cursor: var(--cursor);
|
|
top: 0px;
|
|
right: 2px;
|
|
bottom: 0px;
|
|
line-height: 0;
|
|
height: var(--input-height);
|
|
width: 28px;
|
|
margin: auto;
|
|
padding: 0 0;
|
|
text-align: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition: color 0.15s ease-in-out;
|
|
}
|
|
div.broken-links .filter-input-clear-button::after {
|
|
content: "";
|
|
height: var(--search-clear-button-size);
|
|
width: var(--search-clear-button-size);
|
|
display: block;
|
|
background-color: currentColor;
|
|
-webkit-mask-image: url("data:image/svg+xml,<svg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM3.8705 3.09766L6.00003 5.22718L8.12955 3.09766L8.9024 3.8705L6.77287 6.00003L8.9024 8.12955L8.12955 8.9024L6.00003 6.77287L3.8705 8.9024L3.09766 8.12955L5.22718 6.00003L3.09766 3.8705L3.8705 3.09766Z' fill='currentColor'/></svg>");
|
|
-webkit-mask-repeat: no-repeat;
|
|
}
|
|
div.broken-links .filter-input-clear-button:active,
|
|
div.broken-links .filter-input-clear-button:hover {
|
|
color: var(--text-normal);
|
|
transition: color 0.15s ease-in-out;
|
|
}
|
|
div.broken-links .filter-input-container input:placeholder-shown ~ .filter-input-clear-button {
|
|
display: none;
|
|
}
|
|
div.broken-links .filter-input-container input:not(:placeholder-shown) ~ .input-right-decorator {
|
|
right: calc(var(--size-4-1) + 28px);
|
|
}
|