Fix markup, replace buttons and add new logo

This commit is contained in:
aignatov-bio 2019-12-19 14:18:09 +01:00
parent e714787c38
commit 464d03558a
28 changed files with 68 additions and 89 deletions

View file

@ -31,7 +31,7 @@ var avatarsModal = (function() {
reader.readAsDataURL(inputField.files[0]);
reader.onload = function() {
var avatarContainer = $(modal).find('.avatar-preview-container');
$(modal).find('.save-button').removeClass('disabled');
$(modal).find('.save-button').removeClass('disabled').attr('disabled', false);
$(modal).find('#new_avatar').val(reader.result);
avatarContainer.show().children().remove();
@ -50,7 +50,7 @@ var avatarsModal = (function() {
function initPredefinedAvatars() {
$(modal).find('.avatar-collection .avatar').click(function() {
$(modal).find('.save-button').removeClass('disabled');
$(modal).find('.save-button').removeClass('disabled').attr('disabled', false);
$(modal).find('#raw_avatar')[0].value = null;
$(modal).find('.avatar-preview-container').hide();
$(modal).find('.current-avatar').show().find('img')
@ -63,7 +63,7 @@ var avatarsModal = (function() {
$(modal).find('.save-button').click(function() {
if ($(this).hasClass('disabled')) return;
$(this).addClass('disabled');
$(this).addClass('disabled').attr('disabled', true);
$.ajax({
url: $(modal).data('update-url'),
type: 'PUT',
@ -76,7 +76,7 @@ var avatarsModal = (function() {
location.reload();
},
error: () => {
$(this).removeClass('disabled');
$(this).removeClass('disabled').attr('disabled', false);
}
});
});

View file

@ -34,22 +34,6 @@
display: flex;
height: 42px;
.hide-actions {
align-items: center;
color: $color-silver-chalice;
display: flex;
margin-right: 20px;
&:hover {
text-decoration: none;
}
.fas {
font-size: 18px;
margin-right: 5px;
}
}
.ga-search-container {
display: none;
flex-grow: 1;

View file

@ -226,6 +226,7 @@
align-items: center;
display: flex;
height: 30px;
margin-top: 5px;
.info-line.button {
flex-grow: 1;
@ -355,15 +356,6 @@
}
}
.external-import-btn {
background-color: $brand-primary;
border: 0;
color: $color-white;
font-size: 12px;
padding-bottom: 3px;
padding-top: 3px;
}
.footer {
background: $color-white;
bottom: -30px;

View file

@ -6,40 +6,40 @@ $font-family-base: $font-family-lato;
$font-family-icons: "Font Awesome 5 Free";
$font-size-base: 16px;
$font-fas-check: "\f00c";
$font-fas-exclamation-triangle: "\f071";
@mixin font-h1 {
font-family: $font-family-base;
font-size: 24px;
font-weight: bold;
}
@mixin font-h2 {
font-family: $font-family-base;
font-size: 18px;
font-weight: bold;
}
@mixin font-h3 {
font-family: $font-family-base;
font-size: $font-size-base;
font-weight: bold;
}
@mixin font-main {
font-family: $font-family-base;
font-size: $font-size-base;
}
@mixin font-button {
font-family: $font-family-base;
font-size: 14px;
}
@mixin font-small {
font-family: $font-family-base;
font-size: 12px;
}
@mixin font-awesome {
font-family: "Font Awesome 5 Free";
font-weight: 501;
}

View file

@ -9,11 +9,11 @@
color: $color-white;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 20px;
outline: 0;
padding: 7px 16px;
position: relative;
text-align: center;
text-decoration: none;
transition: .3s;
user-select: none;
@ -36,7 +36,7 @@
}
&:focus {
border: $border-focus;
box-shadow: 0 0 0 1px $brand-focus;
color: $color-white;
outline: 0;
text-decoration: none;
@ -60,7 +60,7 @@
}
&:focus {
border: $border-focus;
box-shadow: 0 0 0 1px $brand-focus;
color: $color-black;
}
}
@ -83,7 +83,7 @@
}
&:focus {
border: $border-focus;
box-shadow: 0 0 0 1px $brand-focus;
color: $color-black;
}
}
@ -101,7 +101,7 @@
}
&:focus {
border: $border-focus;
box-shadow: 0 0 0 1px $brand-focus;
color: $color-white;
}
}
@ -146,7 +146,7 @@
.sci-btn {
float: left;
margin: 0 4px 4px 0;
margin: 2px 4px 2px 0;
&:nth-last-child(1) {
margin-right: 0;

View file

@ -23,15 +23,14 @@ input[type="checkbox"].sci-checkbox {
width: var(--sci-checkbox-size);
&::before {
@include font-awesome;
animation-timing-function: $timing-function-sharp;
background: $color-white;
border: $border-default;
border-radius: 1px;
color: $color-white;
content: "";
font-family: "Font Awesome 5 Free";
font-size: calc(var(--sci-checkbox-size) - var(--sci-checkbox-size) * .375);
font-weight: 501;
height: var(--sci-checkbox-size);
left: 0;
line-height: calc(var(--sci-checkbox-size) - 2px);
@ -51,7 +50,7 @@ input[type="checkbox"].sci-checkbox {
&::before {
background: $brand-primary;
border: 1px solid $brand-primary;
content: "\f00c";
content: $font-fas-check;
}
}

View file

@ -40,7 +40,6 @@
}
&.left-icon {
.sci-input-field {
padding: 0 0 0 30px;
}
@ -51,7 +50,6 @@
}
&.right-icon {
.sci-input-field {
padding: 0 30px 0 10px;
}
@ -63,15 +61,13 @@
&.success,
&.error {
.sci-input-field {
padding: 0 30px 0 10px;
}
&::after {
@include font-awesome;
bottom: 0;
font-family: "Font Awesome 5 Free";
font-weight: 501;
line-height: 36px;
position: absolute;
right: 5px;
@ -93,7 +89,7 @@
&.success {
&::after {
color: $brand-success;
content: "\f00c";
content: $font-fas-check;
}
}
@ -104,7 +100,7 @@
&::after {
color: $brand-danger;
content: "\f071";
content: $font-fas-exclamation-triangle;
}
&::before {

View file

@ -28,9 +28,7 @@ input[type="radio"].sci-radio {
border-radius: 50%;
color: $color-white;
content: "";
font-family: "Font Awesome 5 Free";
font-size: calc(var(--sci-radio-size) - var(--sci-radio-size) * .375);
font-weight: 501;
height: var(--sci-radio-size);
left: 0;
line-height: calc(var(--sci-radio-size) - 2px);

View file

@ -43,6 +43,10 @@
align-items: center;
display: flex;
padding: 0 15px;
#logo {
max-height: 22px;
}
}
.dropdown-notifications {
@ -392,10 +396,6 @@
#search-bar {
padding-right: 0;
.btn-default[type="submit"] {
height: 34px;
}
}
@media (max-width: 768px) {

View file

@ -1855,6 +1855,14 @@ th.custom-field .modal-tooltiptext {
color: $color-white;
font: bold;
}
.res-description {
color: $color-white;
}
.res-type {
border-color: $color-white;
}
}
ul {

View file

@ -2,12 +2,14 @@
<%= t('activities.index.global_activities_title') %>
</h4>
<div class="ga-actions">
<a id="global-activities-expand-all" class="hide-actions" href="#" data-turbolinks="false">
<div class="sci-btn-group">
<a id="global-activities-expand-all" class="hide-actions sci-btn tertiary" href="#" data-turbolinks="false">
<i class="fas fa-chevron-down"></i><%= t('activities.index.expand_all') %>
</a>
<a id="global-activities-colapse-all" class="hide-actions" href="#" data-turbolinks="false">
<a id="global-activities-colapse-all" class="hide-actions sci-btn tertiary" href="#" data-turbolinks="false">
<i class="fas fa-chevron-up"></i><%= t('activities.index.collapse_all') %>
</a>
</div>
<div class="ga-search-container">
<input type="text" class="search-field" placeholder="Search..." aria-describedby="basic-addon1">
<i class="fas fa-search"></i>

View file

@ -61,7 +61,7 @@
:name,
{},
{ class: 'selectpicker' }) %>
<%= f.button class: 'btn btn-primary' do %>
<%= f.button class: 'sci-btn' do %>
<span class="hidden-xs"><%= t("experiments.canvas.modal_manage_tags.create") %></span>
<% end %>
</div>
@ -73,7 +73,7 @@
<%= f.hidden_field :project_id, :value => @my_module.experiment.project.id %>
<%= f.hidden_field :name, :value => t("tags.create.new_name") %>
<%= f.hidden_field :color, :value => Constants::TAG_COLORS[0] %>
<%= f.button class: "btn btn-primary" do %>
<%= f.button class: "sci-btn" do %>
<span class="fas fa-plus"></span>
<span class="hidden-xs"><%=t "experiments.canvas.modal_manage_tags.create_new" %></span>
<% end %>

View file

@ -7,7 +7,7 @@
</div>
<div class="modal-body"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal"><%=t "general.close" %></button>
<button type="button" class="sci-btn secondary" data-dismiss="modal"><%=t "general.close" %></button>
</div>
</div>
</div>

View file

@ -1,3 +1,3 @@
<button type="button" class="btn btn-default" data-dismiss="modal"><%=t "general.cancel" %></button>
<button type="button" class="btn btn-primary" data-action="import_protocol" data-import_type="in_repository_public"><%=t "protocols.import_export.import_modal.import_to_team_protocols_label" %></button>
<button type="button" class="btn btn-primary" data-action="import_protocol" data-import_type="in_repository_private"><%=t "protocols.import_export.import_modal.import_to_private_protocols_label" %></button>
<button type="button" class="sci-btn secondary" data-dismiss="modal"><%=t "general.cancel" %></button>
<button type="button" class="sci-btn" data-action="import_protocol" data-import_type="in_repository_public"><%=t "protocols.import_export.import_modal.import_to_team_protocols_label" %></button>
<button type="button" class="sci-btn" data-action="import_protocol" data-import_type="in_repository_private"><%=t "protocols.import_export.import_modal.import_to_private_protocols_label" %></button>

View file

@ -19,7 +19,7 @@
</div>
<div class='info-line button'>
<% if show_import_button %>
<button type="button" class='external-import-btn btn btn-primary pull-right'><%= t('protocol_importers.card.import_button_text') %></button>
<button type="button" class='external-import-btn sci-btn secondary pull-right'><%= t('protocol_importers.card.import_button_text') %></button>
<% end %>
</div>
</div>

View file

@ -29,25 +29,25 @@
<% if (can_manage_protocol_in_module?(@protocol) ||
can_manage_protocol_in_repository?(@protocol)) && !(preview) %>
<a data-action="move-step"
class="btn btn-link"
class="sci-btn tertiary icon-btn"
href="<%= move_up_step_path(step, format: :json) %>"
title="<%= t("protocols.steps.options.up_arrow_title") %>"
data-remote="true">
<span class="fas fa-arrow-up"></span></a>
<a data-action="move-step"
class="btn btn-link"
class="sci-btn tertiary icon-btn"
href="<%= move_down_step_path(step, format: :json) %>"
title="<%= t("protocols.steps.options.down_arrow_title") %>"
data-remote="true">
<span class="fas fa-arrow-down"></span></a>
<a data-action="edit-step"
class="btn btn-link"
class="sci-btn tertiary icon-btn"
title="<%= t("protocols.steps.options.edit_title") %>"
href="<%= edit_step_path(step, format: :json) %>"
data-remote="true" >
<span class="fas fa-pencil-alt"></span>
</a>
<%= link_to(step_path(step), title: t("protocols.steps.options.delete_title"), method: "delete", class: "btn btn-link",
<%= link_to(step_path(step), title: t("protocols.steps.options.delete_title"), method: "delete", class: "sci-btn tertiary icon-btn",
data: {action: "delete-step", confirm: t("protocols.steps.destroy.confirm", step: step.name)}) do %>
<span class="fas fa-trash-alt"></span>
<% end %>

View file

@ -43,7 +43,7 @@
<%= collection_select(:user_my_module, :user_id, @unassigned_users, :id, :full_name, {}, { class: 'selectpicker' }) %>
</div>
<div class="col-xs-2">
<%= f.button class: 'btn btn-primary' do %>
<%= f.button class: 'btn sci-btn' do %>
<span class="fas fa-plus"></span>
<span class="hidden-xs"><%= t("experiments.canvas.full_zoom.modal_manage_users.create") %></span>
<% end %>

View file

@ -68,7 +68,7 @@
</select>
</div>
<div class="col-xs-4 col-sm-2">
<%= f.button class: 'btn btn-primary' do %>
<%= f.button class: 'sci-btn' do %>
<span class="fas fa-plus"></span>
<span class="hidden-xs"><%= t("projects.index.modal_manage_users.create") %></span>
<% end %>

View file

@ -12,7 +12,7 @@
</div>
<div class="form-group">
<%= f.submit t("devise.confirmations.new.submit"), class: "btn btn-primary" %>
<%= f.submit t("devise.confirmations.new.submit"), class: "sci-btn" %>
</div>
<% end %>

View file

@ -47,7 +47,7 @@
<%= recaptcha_input_tag %>
<div class="form-group" data-hook="confirm-invitation-form-submit">
<%= f.submit "Sign Up", class: "btn btn-primary" %>
<%= f.submit "Sign Up", class: "sci-btn" %>
</div>
<% end %>

View file

@ -27,7 +27,7 @@
</div>
<div class="form-group">
<%= f.submit t("devise.passwords.edit.submit"), class: "btn btn-primary" %>
<%= f.submit t("devise.passwords.edit.submit"), class: "sci-btn" %>
</div>
<% end %>

View file

@ -17,7 +17,7 @@
</div>
<div class="form-group">
<%= f.submit t("devise.passwords.new.submit"), class: "btn btn-primary" %>
<%= f.submit t("devise.passwords.new.submit"), class: "sci-btn" %>
</div>
<% end %>

View file

@ -43,7 +43,7 @@
<%= recaptcha_input_tag %>
<div class="form-group" data-hook="sign-up-form-submit">
<%= f.submit 'Sign up', class: 'btn btn-primary' %>
<%= f.submit 'Sign up', class: 'sci-btn' %>
</div>
<% end %>
</div>

View file

@ -16,7 +16,7 @@
<% end %>
<div class="form-group" data-hook="sign-up-form-submit">
<%= f.submit 'Sign up', class: 'btn btn-primary' %>
<%= f.submit 'Sign up', class: 'sci-btn' %>
</div>
<% end %>
</div>

View file

@ -28,7 +28,7 @@
<%= hidden_field_tag(:simple_sign_in, @simple_sign_in) %>
<div class="actions" style="margin-top: 10px; margin-bottom: 10px;">
<%= f.submit t("devise.sessions.new.submit"), class: "btn btn-primary" %>
<%= f.submit t("devise.sessions.new.submit"), class: "sci-btn" %>
</div>
<% end %>

View file

@ -32,7 +32,7 @@
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary save-button disabled"><%= t('general.save') %></button>
<button type="button" disabled class="sci-btn save-button disabled"><%= t('general.save') %></button>
</div>
</div>
</div>

View file

@ -17,7 +17,7 @@
</div>
<div class="form-group">
<%= f.submit t("devise.unlocks.new.submit"), class: "btn btn-primary" %>
<%= f.submit t("devise.unlocks.new.submit"), class: "sci-btn" %>
</div>
<% end %>

View file

@ -1,5 +1,5 @@
<svg width="44" height="25" viewBox="0 0 44 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M29.6527 0.531334H41.6211C42.6159 0.531334 43.4211 1.3366 43.4211 2.33133V15.3498L29.6527 0.531334Z" fill="#1C50A2"/>
<path d="M3.15789 24.1366C1.84737 23.7576 0.797368 23.2603 0 22.6524L1.39737 19.5576C2.15526 20.1182 3.06316 20.5603 4.10526 20.8998C5.15526 21.2392 6.19737 21.405 7.24737 21.405C8.41579 21.405 9.27632 21.2313 9.82895 20.884C10.3895 20.5366 10.6658 20.0787 10.6658 19.5024C10.6658 19.084 10.5 18.7287 10.1684 18.4524C9.83684 18.1761 9.41842 17.9471 8.90526 17.7813C8.39211 17.6155 7.68947 17.4261 6.81316 17.2208C5.46316 16.8971 4.35789 16.5813 3.49737 16.2576C2.63684 15.934 1.89474 15.4208 1.27895 14.7103C0.663158 13.9998 0.355263 13.0524 0.355263 11.8761C0.355263 10.8498 0.631579 9.91028 1.19211 9.07344C1.75263 8.2366 2.58947 7.58923 3.71053 7.09186C4.83158 6.60239 6.20526 6.35765 7.83158 6.35765C8.96053 6.35765 10.0658 6.49186 11.1474 6.76028C12.2289 7.0287 13.1763 7.41555 13.9816 7.9287L12.7184 11.0471C11.0763 10.1155 9.44211 9.64976 7.8 9.64976C6.64737 9.64976 5.80263 9.83923 5.25 10.2103C4.69737 10.5813 4.42895 11.0708 4.42895 11.6787C4.42895 12.2866 4.74474 12.7366 5.37632 13.0366C6.00789 13.3287 6.97895 13.6208 8.27368 13.9129C9.62368 14.2366 10.7289 14.5524 11.5895 14.8761C12.45 15.1998 13.1921 15.705 13.8079 16.3998C14.4237 17.0945 14.7316 18.034 14.7316 19.2103C14.7316 20.2208 14.4474 21.1524 13.8789 21.9813C13.3105 22.8182 12.4658 23.4813 11.3289 23.9708C10.2 24.4603 8.81842 24.705 7.2 24.705C5.81842 24.705 4.46053 24.5155 3.15789 24.1366Z" fill="#1C50A2"/>
<path d="M33.5291 6.56291V24.4998H30.1185L21.1738 13.605V24.4998H17.0764V6.56291H20.5106L29.4317 17.4576V6.56291H33.5291Z" fill="black"/>
<svg width="202" height="40" viewBox="0 0 202 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M186.738 0H199.399C200.452 0 201.306 0.85327 201.306 1.90576V15.6806L186.738 0Z" fill="#104DA9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M133.795 35.4726C135.312 34.6027 136.497 33.3676 137.35 31.764C138.202 30.1612 138.629 28.3367 138.629 26.2903C138.629 24.244 138.202 22.4202 137.35 20.8166C136.497 19.2138 135.312 17.9779 133.795 17.1081C132.277 16.239 130.563 15.8038 128.653 15.8038C126.743 15.8038 125.03 16.239 123.513 17.1081C121.995 17.9779 120.801 19.2138 119.932 20.8166C119.062 22.4202 118.628 24.244 118.628 26.2903C118.628 28.3367 119.062 30.1612 119.932 31.764C120.801 33.3676 121.995 34.6027 123.513 35.4726C125.03 36.3416 126.743 36.7776 128.653 36.7776C130.563 36.7776 132.277 36.3416 133.795 35.4726ZM121.645 38.2346C119.564 37.0588 117.928 35.4305 116.735 33.3503C115.54 31.2701 114.944 28.9163 114.944 26.2903C114.944 23.6644 115.54 21.3113 116.735 19.2304C117.928 17.1509 119.564 15.5309 121.645 14.3709C123.725 13.2124 126.061 12.632 128.653 12.632C131.245 12.632 133.581 13.2124 135.662 14.3709C137.742 15.5309 139.371 17.1509 140.547 19.2304C141.724 21.3113 142.312 23.6644 142.312 26.2903C142.312 28.9163 141.724 31.2701 140.547 33.3503C139.371 35.4305 137.742 37.0588 135.662 38.2346C133.581 39.4111 131.245 39.9998 128.653 39.9998C126.061 39.9998 123.725 39.4111 121.645 38.2346ZM162.849 38.107C162.166 38.7212 161.323 39.1903 160.317 39.5144C159.311 39.8376 158.262 40 157.171 40C154.647 40 152.703 39.3189 151.339 37.9537C149.975 36.5899 149.294 34.6631 149.294 32.1732V15.9055H144.484V12.836H149.294V6.95403H152.925V12.836H161.11V15.9055H152.925V31.9687C152.925 33.5723 153.325 34.7909 154.127 35.6261C154.928 36.4629 156.079 36.8786 157.58 36.8786C158.33 36.8786 159.055 36.7606 159.754 36.5208C160.453 36.2832 161.058 35.9419 161.57 35.4983L162.849 38.107ZM172.214 18.2336C170.457 19.8882 169.46 22.0451 169.221 24.7049H188.302C188.063 22.0451 187.066 19.8882 185.31 18.2336C183.553 16.5804 181.362 15.7527 178.737 15.7527C176.144 15.7527 173.97 16.5804 172.214 18.2336ZM191.73 27.4158H169.221C169.426 30.2124 170.5 32.4715 172.444 34.1939C174.388 35.9162 176.844 36.7777 179.811 36.7777C181.481 36.7777 183.016 36.4793 184.415 35.8816C185.812 35.2862 187.024 34.4074 188.047 33.2474L190.092 35.6012C188.899 37.0333 187.407 38.1249 185.617 38.8744C183.826 39.6255 181.857 39.9999 179.709 39.9999C176.946 39.9999 174.498 39.4112 172.368 38.2347C170.236 37.0589 168.573 35.4298 167.38 33.3504C166.186 31.2702 165.59 28.9164 165.59 26.2904C165.59 23.6644 166.16 21.3114 167.304 19.2304C168.446 17.151 170.015 15.5309 172.01 14.3709C174.004 13.2124 176.247 12.6321 178.737 12.6321C181.226 12.6321 183.459 13.2124 185.438 14.3709C187.415 15.5309 188.967 17.142 190.092 19.2056C191.218 21.2693 191.781 23.6299 191.781 26.2904L191.73 27.4158ZM110.261 3.93579V39.7445H107.14L84.1208 10.6883V39.7445H80.3348V3.93579H83.4555L106.526 32.9921V3.93579H110.261Z" fill="#231F20"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.27961 38.7182C3.67319 37.9619 1.58024 36.9778 0 35.7674L2.77407 29.6141C4.2874 30.7238 6.08565 31.6154 8.17109 32.2875C10.2558 32.9603 12.3405 33.2956 14.4251 33.2956C16.7451 33.2956 18.4607 32.9513 19.5703 32.2619C20.6799 31.5733 21.2348 30.6569 21.2348 29.5134C21.2348 28.6729 20.9062 27.9753 20.2507 27.4204C19.5951 26.8656 18.7539 26.4198 17.7292 26.083C16.703 25.7477 15.316 25.3771 13.5681 24.9734C10.8775 24.3359 8.67553 23.6961 6.96073 23.0571C5.24592 22.4188 3.77468 21.3927 2.54703 19.9808C1.31937 18.5682 0.705921 16.6858 0.705921 14.3312C0.705921 12.2811 1.26073 10.4227 2.37036 8.75826C3.47999 7.09383 5.1527 5.77445 7.38924 4.79864C9.62503 3.82434 12.357 3.33568 15.5859 3.33568C17.8382 3.33568 20.0402 3.60557 22.1925 4.14309C24.3441 4.68136 26.2281 5.45419 27.8414 6.46308L25.3199 12.6675C22.058 10.8181 18.796 9.8927 15.5348 9.8927C13.2479 9.8927 11.5579 10.2633 10.4663 11.0023C9.37243 11.7428 8.82664 12.7171 8.82664 13.9275C8.82664 15.1386 9.45739 16.0385 10.7181 16.6264C11.9796 17.215 13.9034 17.7954 16.4933 18.366C19.1832 19.0058 21.3859 19.6448 23.1007 20.283C24.8155 20.9221 26.286 21.9309 27.5144 23.3097C28.7413 24.6885 29.3547 26.5551 29.3547 28.9082C29.3547 30.9252 28.7916 32.7663 27.6647 34.4308C26.5386 36.0952 24.8486 37.4153 22.5962 38.3904C20.3432 39.3647 17.6029 39.8526 14.3748 39.8526C11.5834 39.8526 8.88528 39.4745 6.27961 38.7182ZM39.7191 37.8607C37.4157 36.6676 35.6167 35.0115 34.3229 32.8929C33.0275 30.7744 32.381 28.3702 32.381 25.6796C32.381 22.9905 33.0275 20.5856 34.3229 18.467C35.6167 16.3485 37.4157 14.6931 39.7191 13.4993C42.0218 12.3062 44.62 11.7085 47.5121 11.7085C50.3696 11.7085 52.8663 12.3062 55.0021 13.4993C57.1371 14.6931 58.6918 16.3989 59.6676 18.6182L53.5647 21.8974C52.1521 19.409 50.117 18.1641 47.4617 18.1641C45.4101 18.1641 43.7118 18.8377 42.3669 20.1826C41.022 21.5275 40.3499 23.3596 40.3499 25.6796C40.3499 27.9996 41.022 29.8332 42.3669 31.1774C43.7118 32.5231 45.4101 33.1952 47.4617 33.1952C50.1508 33.1952 52.1851 31.9517 53.5647 29.4626L59.6676 32.7922C58.6918 34.9438 57.1371 36.6248 55.0021 37.8351C52.8663 39.0463 50.3696 39.6514 47.5121 39.6514C44.62 39.6514 42.0218 39.0545 39.7191 37.8607ZM64.2064 39.7731H72.0745V12.6376H64.2064V39.7731ZM64.6094 7.59316C63.702 6.75342 63.2479 5.7107 63.2479 4.46651C63.2479 3.22231 63.702 2.18034 64.6094 1.3391C65.5175 0.498614 66.6948 0.0783691 68.1405 0.0783691C69.5861 0.0783691 70.7634 0.482075 71.6708 1.28873C72.579 2.09539 73.033 3.10428 73.033 4.31465C73.033 5.6265 72.579 6.71132 71.6708 7.56835C70.7634 8.42538 69.5861 8.85464 68.1405 8.85464C66.6948 8.85464 65.5175 8.4344 64.6094 7.59316Z" fill="#104DA9"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB