The communications platform that puts data protection first.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
Rocket.Chat/app/apps/client/admin/appManage.css

181 lines
2.3 KiB

#rocket-chat .rc-apps-details {
margin-bottom: 0;
padding: 0;
&__photo {
width: 96px;
height: 96px;
margin-right: 21px;
}
&__content {
padding: 0;
color: var(--color-gray);
justify-content: flex-start;
}
&__description {
padding-bottom: 50px;
border-bottom: 1.5px solid var(--color-gray-light);
}
&__col {
display: inline-block;
margin-right: 8px;
}
&__bundles {
display: flex;
padding-bottom: 20px;
border-bottom: 1.5px solid var(--color-gray-light);
}
&__bundle {
display: flex;
width: 50%;
}
&__bundle_icons {
display: flex;
overflow: hidden;
min-width: 99px;
max-width: 99px;
height: 99px;
padding: 2px;
border-radius: 2px;
background-color: var(--color-gray-light);
flex-wrap: wrap;
}
&__bundle_icon {
min-width: 40px;
max-width: 40px;
height: 40px;
margin-top: 5px;
margin-left: 5px;
border-radius: 2px;
background-color: #f7f7f7;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
&__bundle_body {
padding: 5px 10px;
color: var(--color-gray);
&_title {
color: var(--color-darkest);
font-size: 1.1em;
font-weight: 500;
}
}
&__alert {
margin: 0.25rem 0;
padding: 0.5rem 1rem;
border-radius: 4px;
font-size: 0.875rem;
line-height: 1.25rem;
}
&__alert-error {
color: var(--color-red);
background-color: #ffe9ec;
}
&__alert-warning {
color: #b68d00;
background-color: #fff6d6;
}
&__name {
flex: 0 0 1.75rem;
margin: 0;
text-transform: none;
color: var(--color-dark-medium);
font-family: inherit;
font-size: 1.375rem;
font-weight: normal;
line-height: 1.75rem;
}
&__author {
font-family: inherit;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
&__side-info {
display: inline-flex;
align-items: center;
&::before {
display: inline-block;
width: 1px;
height: 12px;
margin: 0 8px;
content: '';
background-color: currentColor;
}
&--twice::before {
margin: 0 16px;
}
}
&__side-info-wrapper {
flex: 1;
}
&__row--centered {
align-items: center;
}
&__app-status {
display: flex;
flex: 1;
margin-top: 8px;
align-items: center;
}
& .rc-button.loading {
padding: 0 1.5rem;
opacity: 0.6;
&::before {
display: none;
}
& > .rc-icon {
animation: spin 1s linear infinite;
}
}
}