jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Cleanup and reorder some scss

Browse Source
This commit is contained in:
Johannes Zellner
2021-04-07 13:02:12 +02:00
parent 27236a5692
commit 82e8a893fd
2 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/theme.scss
View File

@@ -312,37 +312,41 @@ textarea {
}
}
.grid-item-dropdown {
border: none;
float: right;
.grid-item-content {
display: block;
background-color: white;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
border-radius: 2px;
height: 100%;
&:hover {
background-color: rgba(255, 255, 255, 0.3);
color: $brand-primary;
background-color: rgba(0, 0, 0, 0.1) !important;
}
.grid-item-action {
border: none;
float: right;
&:hover {
background-color: rgba(255, 255, 255, 0.3);
color: $brand-primary;
}
}
.grid-item-top {
padding: 10px 15px;
height: 100%;
.grid-item-top-title {
white-space: nowrap;
overflow: hidden;
font-size: 24px;
font-family: $font-family-heading;
}
}
}
}
.grid-item-content {
display: block;
background-color: white;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
border-radius: 2px;
height: 100%;
}
.grid-item-top {
padding: 10px 15px;
height: 100%;
}
.grid-item-top-title {
white-space: nowrap;
overflow: hidden;
font-size: 24px;
font-family: $font-family-heading;
}
.app-update-badge {
display: flex;
justify-content: center;
@@ -389,10 +393,6 @@ textarea {
max-width: 100%;
}
.app-tooltip {
left: 32px !important;
}
multiselect {
&.stretch {
button {

4
src/views/apps.html
View File

@@ -72,8 +72,8 @@
<div class="animateMeOpacity ng-hide" ng-show="installedApps.length > 0">
<div class="app-grid">
<div class="grid-item" ng-repeat="app in installedApps | selectedGroupAccessFilter:selectedGroup | selectedStateFilter:selectedState | selectedTagFilter:selectedTags | selectedDomainFilter:selectedDomain | appSearchFilter:appSearch | orderBy:'fqdn'" ng-class="{ 'admin-action': app.manifest.configurePath && (app | applicationLink) }">
<div class="highlight grid-item-content" uib-tooltip="{{ app.fqdn }}">
<a ng-show="user.isAtLeastAdmin" ng-href="#/app/{{ app.id}}/display" class="btn btn-lg btn-default grid-item-dropdown">
<div class="grid-item-content" uib-tooltip="{{ app.fqdn }}">
<a ng-show="user.isAtLeastAdmin" ng-href="#/app/{{ app.id}}/display" class="btn btn-lg btn-default grid-item-action">
<i class="fas fa-cogs"></i>
</a>
<a ng-href="{{ app | applicationLink }}" ng-click="user.isAtLeastAdmin && (((app | installError) === true || (app | installationActive) === true) && showAppConfigure(app, 'repair')) || ((app | appIsInstalledAndHealthy) && app.pendingPostInstallConfirmation && appPostInstallConfirm.show(app))" target="_blank" ng-class="{ 'hand': (app | appIsInstalledAndHealthy) || (app | installError) || (app | installationActive)}">