Xefir/nextcloud-app-radio
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

restore actionColumn

Browse Source
This commit is contained in:
Jonas Heinrich 2020-10-21 10:31:59 +02:00
parent c8feecbb56
commit b29a077c47
1 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/Table.vue
View File

@ -2,11 +2,11 @@
<table v-if="stationData" id="table"> <table v-if="stationData" id="table">
<thead> <thead>
<tr> <tr>
<th /> <th class="iconColumn" />
<th class="nameColumn"> <th class="nameColumn">
{{ t('radio', 'Name') }} {{ t('radio', 'Name') }}
</th> </th>
<th /> <th class="actionColumn" />
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -20,7 +20,7 @@
<span :class="{ 'icon-starred': stationsFavored.includes(idx) }" /> <span :class="{ 'icon-starred': stationsFavored.includes(idx) }" />
</div> </div>
</td> </td>
<td class="filenameColumn" @click="doPlay(idx, station)"> <td class="nameColumn" @click="doPlay(idx, station)">
<span class="innernametext"> <span class="innernametext">
{{ station.name }} {{ station.name }}
</span> </span>
@ -98,12 +98,16 @@ table {
color: var(--color-text-maxcontrast); color: var(--color-text-maxcontrast);
} }
th.iconColumn {
padding: 0px;
width: 72px;
}
th.nameColumn { th.nameColumn {
width: 100%; width: 100%;
} }
th:first-child { th.actionColumn {
padding: 0px;
width: 72px; width: 72px;
} }
@ -140,7 +144,7 @@ table {
padding-right: 0px; padding-right: 0px;
} }
td.filenameColumn .innernametext { td.nameColumn .innernametext {
color: var(--color-main-text); color: var(--color-main-text);
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
@ -176,15 +180,6 @@ table {
position: relative; position: relative;
} }
.actionColumn {
width: auto;
padding-right: 40px;
}
.filenameColumn {
width: 100%;
}
} }
} }