mirror of
https://github.com/nextcloud/server.git
synced 2026-02-20 00:12:30 -05:00
refactor(settings): remove unused styles from apps settings
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
This commit is contained in:
Grigorii K. Shartsev
parent
31baf8d469
commit
eac928af84
2 changed files with 2 additions and 219 deletions
|
|
@ -539,20 +539,6 @@ span.usersLastLoginTooltip {
|
|||
}
|
||||
|
||||
/* APPS */
|
||||
#app-content > svg.app-filter {
|
||||
float: left;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
#app-category-app-bundles {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.appinfo {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
#app-navigation {
|
||||
/* Navigation icons */
|
||||
img {
|
||||
|
|
@ -570,37 +556,12 @@ span.usersLastLoginTooltip {
|
|||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.appwarning {
|
||||
background: #fcc;
|
||||
}
|
||||
|
||||
&.appwarning:hover {
|
||||
background: #fbb;
|
||||
}
|
||||
|
||||
.app-external {
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
}
|
||||
|
||||
span.version {
|
||||
margin-left: 1em;
|
||||
margin-right: 1em;
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
|
||||
.app-version {
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
|
||||
.app-settings-content {
|
||||
#searchresults {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#apps-list.store {
|
||||
.section {
|
||||
border: 0;
|
||||
|
|
@ -618,10 +579,6 @@ span.version {
|
|||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.app-score-image {
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.actions {
|
||||
margin-top: 10px;
|
||||
|
||||
|
|
@ -631,64 +588,6 @@ span.version {
|
|||
}
|
||||
}
|
||||
|
||||
#app-sidebar #app-details-view {
|
||||
h2 {
|
||||
.icon-settings-dark,
|
||||
svg {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 10px;
|
||||
opacity: .7;
|
||||
}
|
||||
}
|
||||
|
||||
.app-author, .app-licence {
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
|
||||
.app-dependencies {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.app-description p {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: 14px;
|
||||
opacity: 0.5;
|
||||
z-index: 1;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
}
|
||||
|
||||
.actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.app-groups {
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.appslink {
|
||||
text-decoration: underline;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.app-level,
|
||||
.actions,
|
||||
.documentation,
|
||||
.app-dependencies,
|
||||
.app-description {
|
||||
margin: 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1601px) {
|
||||
.store .section {
|
||||
width: 25%;
|
||||
|
|
@ -746,12 +645,6 @@ span.version {
|
|||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
.apps-list.installed .app-groups {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 0;
|
||||
/* section divider lines, none needed for last one */
|
||||
|
|
@ -771,11 +664,6 @@ span.version {
|
|||
}
|
||||
}
|
||||
|
||||
.followupsection {
|
||||
display: block;
|
||||
padding: 0 30px 30px 30px;
|
||||
}
|
||||
|
||||
.app-image {
|
||||
position: relative;
|
||||
height: 150px;
|
||||
|
|
@ -783,37 +671,6 @@ span.version {
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-description-toggle-show, .app-description-toggle-hide {
|
||||
clear: both;
|
||||
padding: 7px 0;
|
||||
cursor: pointer;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
.app-description-container {
|
||||
clear: both;
|
||||
position: relative;
|
||||
top: 7px;
|
||||
}
|
||||
|
||||
.app-description {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#app-category-1 {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
/* capitalize 'Other' category */
|
||||
|
||||
#app-category-925 {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.app-dependencies {
|
||||
color: #ce3702;
|
||||
}
|
||||
|
||||
.missing-dependencies {
|
||||
list-style: initial;
|
||||
list-style-type: initial;
|
||||
|
|
@ -884,14 +741,6 @@ span.version {
|
|||
|
||||
}
|
||||
|
||||
.groups-enable {
|
||||
margin-top: 0;
|
||||
|
||||
label {
|
||||
margin-right: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-image {
|
||||
width: 44px;
|
||||
height: auto;
|
||||
|
|
@ -932,78 +781,14 @@ span.version {
|
|||
flex-wrap: wrap;
|
||||
align-content: flex-start;
|
||||
|
||||
&.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.section {
|
||||
position: relative;
|
||||
flex: 0 0 auto;
|
||||
|
||||
h2.app-name {
|
||||
display: block;
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: var(--color-background-dark);
|
||||
}
|
||||
}
|
||||
|
||||
.app-description {
|
||||
p {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
|
||||
ol, ul {
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
> {
|
||||
ul, ol {
|
||||
margin-left: 19px;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
ol, ul {
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Bundle header */
|
||||
.apps-header {
|
||||
position: relative;
|
||||
|
||||
div {
|
||||
display: table-cell;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
padding-left: 6px;
|
||||
padding-top: 15px;
|
||||
margin-bottom: 12px;
|
||||
.enable {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
+ .section {
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Display buttons above each other on mobile
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@
|
|||
</div>
|
||||
|
||||
<transition-group name="app-list" tag="table" class="apps-list-container">
|
||||
<tr key="app-list-view-header" class="apps-header">
|
||||
<tr key="app-list-view-header">
|
||||
<th>
|
||||
<span class="hidden-visually">{{ t('settings', 'Icon') }}</span>
|
||||
</th>
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
|
||||
<table v-if="useBundleView"
|
||||
class="apps-list-container">
|
||||
<tr key="app-list-view-header" class="apps-header">
|
||||
<tr key="app-list-view-header">
|
||||
<th id="app-table-col-icon">
|
||||
<span class="hidden-visually">{{ t('settings', 'Icon') }}</span>
|
||||
</th>
|
||||
|
|
@ -133,8 +133,6 @@
|
|||
<div id="app-list-empty-icon" class="icon-settings-dark" />
|
||||
<h2>{{ t('settings', 'No apps found for your version') }}</h2>
|
||||
</div>
|
||||
|
||||
<div id="searchresults" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue