Skip to content

Fix Icons Clipping #1969

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
May 10, 2022
Merged

Fix Icons Clipping #1969

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 1 addition & 17 deletions portal-ui/src/icons/AddAccessRuleIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,26 +20,10 @@ import { SVGProps } from "react";
const AddAccessRuleIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1018"
data-name="Rectángulo 1018"
width="221.51"
height="256.002"
fill="#4ccb92"
/>
</clipPath>
<clipPath id="clip-Add_Access_Rule">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Add_Access_Rule"
data-name="Add Access Rule"
Expand All @@ -48,7 +32,7 @@ const AddAccessRuleIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Add_Access_Rule_Icon" data-name="Add Access Rule Icon">
<g id="Grupo_2406" data-name="Grupo 2406" transform="translate(18)">
<g id="Grupo_2405" data-name="Grupo 2405" clipPath="url(#clip-path)">
<g id="Grupo_2405" data-name="Grupo 2405">
<path
id="Trazado_7142"
data-name="Trazado 7142"
Expand Down
4 changes: 1 addition & 3 deletions portal-ui/src/icons/AddMembersToGroupIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const AddMembersToGroupIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand All @@ -48,7 +46,7 @@ const AddMembersToGroupIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Add_Members_to_Group_Icon" data-name="Add Members to Group Icon">
<g id="Grupo_2404" data-name="Grupo 2404" transform="translate(12)">
<g id="Grupo_2403" data-name="Grupo 2403" clipPath="url(#clip-path)">
<g id="Grupo_2403" data-name="Grupo 2403">
<path
id="Trazado_7140"
data-name="Trazado 7140"
Expand Down
4 changes: 1 addition & 3 deletions portal-ui/src/icons/BucketEncryptionIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const BucketEncryptionIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand Down Expand Up @@ -50,7 +48,7 @@ const BucketEncryptionIcon = (props: SVGProps<SVGSVGElement>) => (
id="Enable_Bucket_Encryption_Icon"
data-name="Enable Bucket Encryption Icon"
>
<g id="Grupo_2410" data-name="Grupo 2410" clipPath="url(#clip-path)">
<g id="Grupo_2410" data-name="Grupo 2410">
<path
id="Trazado_7149"
data-name="Trazado 7149"
Expand Down
4 changes: 1 addition & 3 deletions portal-ui/src/icons/BucketQuotaIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const BucketQuotaIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand All @@ -47,7 +45,7 @@ const BucketQuotaIcon = (props: SVGProps<SVGSVGElement>) => (
>
<rect width="256" height="256" fill="#fff" />
<g id="Enable_Bucket_Quota_icon" data-name="Enable Bucket Quota icon">
<g id="Grupo_2411" data-name="Grupo 2411" clipPath="url(#clip-path)">
<g id="Grupo_2411" data-name="Grupo 2411">
<path
id="Trazado_7154"
data-name="Trazado 7154"
Expand Down
4 changes: 1 addition & 3 deletions portal-ui/src/icons/BucketReplicationIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const BucketReplicationIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand Down Expand Up @@ -51,7 +49,7 @@ const BucketReplicationIcon = (props: SVGProps<SVGSVGElement>) => (
data-name="Set Bucket Replication icon"
>
<g id="Grupo_2409" data-name="Grupo 2409" transform="translate(0 32)">
<g id="Grupo_2408" data-name="Grupo 2408" clipPath="url(#clip-path)">
<g id="Grupo_2408" data-name="Grupo 2408">
<path
id="Trazado_7146"
data-name="Trazado 7146"
Expand Down
4 changes: 1 addition & 3 deletions portal-ui/src/icons/ChangeAccessPolicyIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const ChangeAccessPolicyIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand All @@ -48,7 +46,7 @@ const ChangeAccessPolicyIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Change_Access_Policy_Icon" data-name="Change Access Policy Icon">
<g id="Grupo_2432" data-name="Grupo 2432" transform="translate(0 13)">
<g id="Grupo_2431" data-name="Grupo 2431" clipPath="url(#clip-path)">
<g id="Grupo_2431" data-name="Grupo 2431">
<path
id="Trazado_7195"
data-name="Trazado 7195"
Expand Down
4 changes: 1 addition & 3 deletions portal-ui/src/icons/ChangePasswordIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const ChangePasswordIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand All @@ -48,7 +46,7 @@ const ChangePasswordIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Change_User_Password_Icon" data-name="Change User Password Icon">
<g id="Grupo_2422" data-name="Grupo 2422" transform="translate(11)">
<g id="Grupo_2421" data-name="Grupo 2421" clipPath="url(#clip-path)">
<g id="Grupo_2421" data-name="Grupo 2421">
<path
id="Trazado_7174"
data-name="Trazado 7174"
Expand Down
4 changes: 1 addition & 3 deletions portal-ui/src/icons/ConfirmDeleteIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const ConfirmDeleteIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand All @@ -47,7 +45,7 @@ const ConfirmDeleteIcon = (props: SVGProps<SVGSVGElement>) => (
>
<rect width="256" height="256" fill="#fff" />
<g id="Generic_Delete_Icon" data-name="Generic Delete Icon">
<g id="Grupo_2418" data-name="Grupo 2418" clipPath="url(#clip-path)">
<g id="Grupo_2418" data-name="Grupo 2418">
<path
id="Trazado_7169"
data-name="Trazado 7169"
Expand Down
4 changes: 1 addition & 3 deletions portal-ui/src/icons/ConfirmModalIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const ConfirmModalIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand All @@ -47,7 +45,7 @@ const ConfirmModalIcon = (props: SVGProps<SVGSVGElement>) => (
>
<rect width="256" height="256" fill="#fff" />
<g id="Generic_Confirmation_Icon" data-name="Generic Confirmation Icon">
<g id="Grupo_2416" data-name="Grupo 2416" clipPath="url(#clip-path)">
<g id="Grupo_2416" data-name="Grupo 2416">
<path
id="Trazado_7167"
data-name="Trazado 7167"
Expand Down
4 changes: 1 addition & 3 deletions portal-ui/src/icons/CreateGroupIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const CreateGroupIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand All @@ -48,7 +46,7 @@ const CreateGroupIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Create_Group_Icon" data-name="Create Group Icon">
<g id="Grupo_2428" data-name="Grupo 2428" transform="translate(0 20)">
<g id="Grupo_2427" data-name="Grupo 2427" clipPath="url(#clip-path)">
<g id="Grupo_2427" data-name="Grupo 2427">
<path
id="Trazado_7184"
data-name="Trazado 7184"
Expand Down
4 changes: 1 addition & 3 deletions portal-ui/src/icons/CreateNewPathIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const CreateNewPathIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand Down Expand Up @@ -52,7 +50,7 @@ const CreateNewPathIcon = (props: SVGProps<SVGSVGElement>) => (
data-name="Grupo 2415"
transform="translate(0.424 26.642)"
>
<g id="Grupo_2414" data-name="Grupo 2414" clipPath="url(#clip-path)">
<g id="Grupo_2414" data-name="Grupo 2414">
<path
id="Trazado_7162"
data-name="Trazado 7162"
Expand Down
4 changes: 1 addition & 3 deletions portal-ui/src/icons/CreateUserIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const CreateUserIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand All @@ -48,7 +46,7 @@ const CreateUserIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Create_User-2" data-name="Create User">
<g id="Grupo_2404" data-name="Grupo 2404" transform="translate(12)">
<g id="Grupo_2403" data-name="Grupo 2403" clipPath="url(#clip-path)">
<g id="Grupo_2403" data-name="Grupo 2403">
<path
id="Trazado_7140"
data-name="Trazado 7140"
Expand Down
3 changes: 0 additions & 3 deletions portal-ui/src/icons/DriveFormatErrorsIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const DriveFormatErrorsIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand Down Expand Up @@ -63,7 +61,6 @@ const DriveFormatErrorsIcon = (props: SVGProps<SVGSVGElement>) => (
id="Grupo_2412"
data-name="Grupo 2412"
transform="translate(0 0.001)"
clipPath="url(#clip-path)"
>
<path
id="Trazado_7156"
Expand Down
4 changes: 1 addition & 3 deletions portal-ui/src/icons/EditYamlIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const EditYamlIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand Down Expand Up @@ -50,7 +48,7 @@ const EditYamlIcon = (props: SVGProps<SVGSVGElement>) => (
fill="none"
/>
<g id="Grupo_2399" data-name="Grupo 2399" transform="translate(25)">
<g id="Grupo_2398" data-name="Grupo 2398" clipPath="url(#clip-path)">
<g id="Grupo_2398" data-name="Grupo 2398">
<path
id="Trazado_7135"
data-name="Trazado 7135"
Expand Down
2 changes: 0 additions & 2 deletions portal-ui/src/icons/EventSubscriptionIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const EventSubscriptionIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand Down
9 changes: 1 addition & 8 deletions portal-ui/src/icons/FormatDrivesIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const FormatDrivesIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand Down Expand Up @@ -52,12 +50,7 @@ const FormatDrivesIcon = (props: SVGProps<SVGSVGElement>) => (
data-name="Format Drives Icon"
transform="translate(0 -3)"
>
<g
id="Grupo_2430"
data-name="Grupo 2430"
transform="translate(0 10)"
clipPath="url(#clip-path)"
>
<g id="Grupo_2430" data-name="Grupo 2430" transform="translate(0 10)">
<path
id="Trazado_7192"
data-name="Trazado 7192"
Expand Down
2 changes: 0 additions & 2 deletions portal-ui/src/icons/LoginMinIOLogo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const LoginMinIOLogo = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
viewBox="0 0 284.616 49.568"
className={"min-icon"}
fill={"currentcolor"}
Expand Down
4 changes: 1 addition & 3 deletions portal-ui/src/icons/NewPoolIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const NewPoolIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand All @@ -48,7 +46,7 @@ const NewPoolIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Expand_Tenants_Add_Pools" data-name="Expand Tenants Add Pools">
<g id="Grupo_2392" data-name="Grupo 2392" transform="translate(14)">
<g id="Grupo_2391" data-name="Grupo 2391" clipPath="url(#clip-path)">
<g id="Grupo_2391" data-name="Grupo 2391">
<path
id="Trazado_7129"
data-name="Trazado 7129"
Expand Down
4 changes: 1 addition & 3 deletions portal-ui/src/icons/ObjectPreviewIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const ObjectPreviewIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand All @@ -48,7 +46,7 @@ const ObjectPreviewIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Object_Preview_Icon" data-name="Object Preview Icon">
<g id="Grupo_2420" data-name="Grupo 2420" transform="translate(20)">
<g id="Grupo_2419" data-name="Grupo 2419" clipPath="url(#clip-path)">
<g id="Grupo_2419" data-name="Grupo 2419">
<path
id="Trazado_7171"
data-name="Trazado 7171"
Expand Down
3 changes: 0 additions & 3 deletions portal-ui/src/icons/ServiceAccountCredentialsIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,6 @@ import { SVGProps } from "react";
const ServiceAccountCredentialsIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
Expand Down Expand Up @@ -66,7 +64,6 @@ const ServiceAccountCredentialsIcon = (props: SVGProps<SVGSVGElement>) => (
id="Grupo_2393"
data-name="Grupo 2393"
transform="translate(0 -0.001)"
clipPath="url(#clip-path)"
>
<path
id="Trazado_7132"
Expand Down
2 changes: 1 addition & 1 deletion portal-ui/src/icons/UsersFilledIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ const UserFilledIcon = (props: SVGProps<SVGSVGElement>) => (
/>
</clipPath>
</defs>
<g id="Group_2365" data-name="Group 2365" clipPath="url(#clip-path)">
<g id="Group_2365" data-name="Group 2365">
<path
id="Path_7088"
data-name="Path 7088"
Expand Down
2 changes: 0 additions & 2 deletions portal-ui/src/screens/Console/Common/TableWrapper/TableActionIcons/FormatDriveIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ import React, { SVGProps } from "react";
const FormatDriveIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
viewBox="0 0 24 24"
className={`min-icon`}
fill={"currentcolor"}
Expand Down