Merge pull request 'vsd-svg-mobile-icons' (#151) from fix/vsd-svg-mobile-icons into develop

This commit is contained in:
Julia Radzhabova
2024-11-29 12:16:39 +00:00
3 changed files with 9 additions and 4 deletions

View File

@ -21,7 +21,7 @@
--brand-cell: #34C759;
--brand-slide: #FE8C33;
--brand-form: #FE8C33;
--brand-visio: #d57bed;
--brand-visio: #6065ff;
--brand-primary: #3E9CF0;
--brand-secondary: #FFAF49;
--brand-text-on-brand: #000;

View File

@ -220,7 +220,7 @@
background-color: @background-toolbar;
outline: none;
box-shadow: 0px 4px 0 #49795d inset;
box-shadow: 0px 4px 0 #444796 inset;
border-top-width: 0;
padding-top: 1px;
.font-weight-bold();
@ -233,7 +233,7 @@
border-bottom-color: @highlight-header-button-hover;
background-color: @background-normal-ie;
background-color: @background-normal;
box-shadow: 0px 4px 0 #49795d inset;
box-shadow: 0px 4px 0 #444796 inset;
color: @text-normal-ie;
color: @text-normal;
}

View File

@ -2,6 +2,11 @@ i.icon {
&.icon-format-vsdx {
width: 22px;
height: 22px;
.encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 1C2.34315 1 1 2.34315 1 4V20C1 21.6569 2.34315 23 4 23H20C21.6569 23 23 21.6569 23 20V4C23 2.34315 21.6569 1 20 1H4ZM4 6H20V18H4V6ZM5 7H19V17H5V7Z" fill="#BE664F"/></svg>');
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="22" height="22" rx="3" fill="#444796"/><path d="M10 4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1.3v1.25H6.25v2.25H5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H7.75v-.75h8.5v.75H15a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-1.25v-2.25H12.8V10H14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zm.5 1.5h3v3h-3zM5.5 18v-3h3v3zm10 0v-3h3v3z" fill="#fff"/></svg>');
}
&.icon-format-svg {
width: 22px;
height: 22px;
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="22" height="22" rx="3" fill="#507C8B"/><path d="M12 20a2.1 2.1 0 0 1-1.566-.667 2.24 2.24 0 0 1-.645-1.619q0-.743.415-1.333t1.06-.82v-1.39a3 3 0 0 1-.388-.18 1.5 1.5 0 0 1-.331-.258l-1.16.705q.017.096.027.2t.009.22q0 .952-.645 1.618-.644.667-1.565.667a2.1 2.1 0 0 1-1.566-.667A2.24 2.24 0 0 1 5 14.857q0-.952.645-1.619.644-.667 1.566-.667.423 0 .792.143.367.143.663.41l1.142-.686a2 2 0 0 1-.028-.21 3 3 0 0 1 0-.447 2 2 0 0 1 .028-.2l-1.142-.705a2.13 2.13 0 0 1-1.455.553 2.1 2.1 0 0 1-1.566-.667A2.24 2.24 0 0 1 5 9.142q0-.951.645-1.618.644-.667 1.566-.667.92 0 1.565.667.645.666.645 1.619 0 .114-.01.228a2 2 0 0 1-.027.21l1.16.686q.149-.152.332-.248a4 4 0 0 1 .387-.171v-1.39a2.13 2.13 0 0 1-1.06-.83 2.3 2.3 0 0 1-.414-1.342q0-.953.645-1.62Q11.08 4 12 4t1.566.667q.644.666.644 1.619 0 .743-.414 1.343-.415.6-1.06.828v1.39q.204.077.378.182.176.104.323.257l1.179-.724a2.5 2.5 0 0 1-.037-.419q0-.952.645-1.62.644-.666 1.566-.666.92 0 1.565.667Q19 8.19 19 9.143t-.645 1.619q-.645.667-1.565.667-.425 0-.783-.143a2.2 2.2 0 0 1-.654-.41l-1.198.724a2 2 0 0 1 .037.4 3 3 0 0 1-.037.419l1.198.705q.294-.267.654-.41t.782-.143q.921 0 1.566.667.645.666.645 1.62 0 .952-.645 1.618t-1.565.667a2.1 2.1 0 0 1-1.566-.667 2.24 2.24 0 0 1-.645-1.619 2.5 2.5 0 0 1 .037-.419l-1.18-.705a1.3 1.3 0 0 1-.322.248q-.174.095-.377.171v1.41q.645.228 1.06.819.413.59.413 1.333 0 .953-.644 1.62Q12.92 20 12 20m0-1.524a.7.7 0 0 0 .525-.219.75.75 0 0 0 .212-.543.75.75 0 0 0-.212-.543.7.7 0 0 0-.525-.219.7.7 0 0 0-.525.22.75.75 0 0 0-.212.542q0 .324.212.543a.7.7 0 0 0 .525.22M7.21 15.62a.7.7 0 0 0 .526-.219.75.75 0 0 0 .211-.543.75.75 0 0 0-.211-.543.7.7 0 0 0-.525-.219.7.7 0 0 0-.525.22.75.75 0 0 0-.212.542q0 .324.212.543a.7.7 0 0 0 .525.219m9.58 0a.7.7 0 0 0 .524-.219.75.75 0 0 0 .212-.543.75.75 0 0 0-.212-.543.7.7 0 0 0-.524-.219.7.7 0 0 0-.525.22.75.75 0 0 0-.212.542q0 .324.212.543a.7.7 0 0 0 .524.219M12 12.762a.7.7 0 0 0 .525-.22.75.75 0 0 0 .212-.542.75.75 0 0 0-.212-.543.7.7 0 0 0-.525-.219.7.7 0 0 0-.525.22.75.75 0 0 0-.212.542q0 .324.212.543a.7.7 0 0 0 .525.219M7.21 9.905a.7.7 0 0 0 .526-.22.75.75 0 0 0 .211-.542.75.75 0 0 0-.211-.543.7.7 0 0 0-.525-.219.7.7 0 0 0-.525.219.75.75 0 0 0-.212.543q0 .324.212.543a.7.7 0 0 0 .525.219m9.58 0a.7.7 0 0 0 .524-.22.75.75 0 0 0 .212-.542.75.75 0 0 0-.212-.543.7.7 0 0 0-.524-.219.7.7 0 0 0-.525.219.75.75 0 0 0-.212.543q0 .324.212.543a.7.7 0 0 0 .524.219M12 7.048a.7.7 0 0 0 .525-.22.75.75 0 0 0 .212-.542.75.75 0 0 0-.212-.543.7.7 0 0 0-.525-.22.7.7 0 0 0-.525.22.75.75 0 0 0-.212.543q0 .324.212.543a.7.7 0 0 0 .525.219" fill="#fff"/></svg>');
}
}