Replace files app ids to classes

Replaced ids to classes for the following:

- #filestable -> .files-filestable
- #fileList -> .files-fileList
- #controls -> .files-controls
- #emptycontent -> .emptyfilelist.emptycontent

Signed-off-by: Vincent Petry <vincent@nextcloud.com>

6 files changed, 30 insertions, 30 deletions

diff --git a/core/css/mobile.css b/core/css/mobile.css
index 0cc41788b7a..6b4a64152cc 100644
--- a/core/css/mobile.css
+++ b/core/css/mobile.css
@@ -112,12 +112,12 @@
   }
 
   /* position controls for apps with app-navigation */
-  #app-navigation + #app-content #controls {
+  #app-navigation + #app-content .files-controls {
     padding-left: 44px;
   }
 
   /* .viewer-mode is when text editor, PDF viewer, etc is open */
-  #body-user .app-files.viewer-mode #controls {
+  #body-user .app-files.viewer-mode .files-controls {
     padding-left: 0 !important;
   }
 
@@ -134,13 +134,13 @@
     display: none;
   }
 
-  #body-settings #controls {
+  #body-settings .files-controls {
     min-width: 1024px !important;
   }
 
   /* do not show dates in filepicker */
-  #oc-dialog-filepicker-content .filelist #headerSize,
-#oc-dialog-filepicker-content .filelist #headerDate,
+  #oc-dialog-filepicker-content .filelist .column-size,
+#oc-dialog-filepicker-content .filelist .column-mtime,
 #oc-dialog-filepicker-content .filelist .filesize,
 #oc-dialog-filepicker-content .filelist .date {
     display: none;
diff --git a/core/css/mobile.scss b/core/css/mobile.scss
index 2dd03480b26..49bc6619cbc 100644
--- a/core/css/mobile.scss
+++ b/core/css/mobile.scss
@@ -98,12 +98,12 @@
 	}
 
 	/* position controls for apps with app-navigation */
-	#app-navigation + #app-content #controls {
+	#app-navigation + #app-content .files-controls {
 		padding-left: 44px;
 	}
 
 	/* .viewer-mode is when text editor, PDF viewer, etc is open */
-	#body-user .app-files.viewer-mode #controls {
+	#body-user .app-files.viewer-mode .files-controls {
 		padding-left: 0 !important;
 	}
 	.app-files.viewer-mode #app-navigation-toggle {
@@ -118,13 +118,13 @@
 	#usersearchform {
 		display: none;
 	}
-	#body-settings #controls {
+	#body-settings .files-controls {
 		min-width: variables.$breakpoint-mobile !important;
 	}
 
 	/* do not show dates in filepicker */
-	#oc-dialog-filepicker-content .filelist #headerSize,
-	#oc-dialog-filepicker-content .filelist #headerDate,
+	#oc-dialog-filepicker-content .filelist .column-size,
+	#oc-dialog-filepicker-content .filelist .column-mtime,
 	#oc-dialog-filepicker-content .filelist .filesize,
 	#oc-dialog-filepicker-content .filelist .date {
 		display: none;
diff --git a/core/css/server.css b/core/css/server.css
index 6408f7ec559..79ba6236b12 100644
--- a/core/css/server.css
+++ b/core/css/server.css
@@ -210,7 +210,7 @@ body {
 }
 
 /* CONTENT ------------------------------------------------------------------ */
-#controls {
+.files-controls {
   box-sizing: border-box;
   position: -webkit-sticky;
   position: sticky;
@@ -229,7 +229,7 @@ body {
 }
 
 /* position controls for apps with app-navigation */
-.viewer-mode #app-navigation + #app-content #controls {
+.viewer-mode #app-navigation + #app-content .files-controls {
   left: 0;
 }
 
@@ -237,7 +237,7 @@ body {
   box-sizing: border-box;
 }
 
-#controls .actions > div > .button, #controls .actions > div button, #controls .actions > .button, #controls .actions button {
+.files-controls .actions > div > .button, .files-controls .actions > div button, .files-controls .actions > .button, .files-controls .actions button {
   box-sizing: border-box;
   display: inline-block;
   display: flex;
@@ -247,7 +247,7 @@ body {
   align-items: center;
   justify-content: center;
 }
-#controls .actions > div .button.hidden, #controls .actions .button.hidden {
+.files-controls .actions > div .button.hidden, .files-controls .actions .button.hidden {
   display: none;
 }
 
@@ -4905,12 +4905,12 @@ kbd {
   }
 
   /* position controls for apps with app-navigation */
-  #app-navigation + #app-content #controls {
+  #app-navigation + #app-content .files-controls {
     padding-left: 44px;
   }
 
   /* .viewer-mode is when text editor, PDF viewer, etc is open */
-  #body-user .app-files.viewer-mode #controls {
+  #body-user .app-files.viewer-mode .files-controls {
     padding-left: 0 !important;
   }
 
@@ -4927,13 +4927,13 @@ kbd {
     display: none;
   }
 
-  #body-settings #controls {
+  #body-settings .files-controls {
     min-width: 1024px !important;
   }
 
   /* do not show dates in filepicker */
-  #oc-dialog-filepicker-content .filelist #headerSize,
-#oc-dialog-filepicker-content .filelist #headerDate,
+  #oc-dialog-filepicker-content .filelist .column-size,
+#oc-dialog-filepicker-content .filelist .column-mtime,
 #oc-dialog-filepicker-content .filelist .filesize,
 #oc-dialog-filepicker-content .filelist .date {
     display: none;
diff --git a/core/css/styles.css b/core/css/styles.css
index be84c6c1c73..7ad07f5f037 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -209,7 +209,7 @@ body {
 }
 
 /* CONTENT ------------------------------------------------------------------ */
-#controls {
+.files-controls {
   box-sizing: border-box;
   position: -webkit-sticky;
   position: sticky;
@@ -228,7 +228,7 @@ body {
 }
 
 /* position controls for apps with app-navigation */
-.viewer-mode #app-navigation + #app-content #controls {
+.viewer-mode #app-navigation + #app-content .files-controls {
   left: 0;
 }
 
@@ -236,7 +236,7 @@ body {
   box-sizing: border-box;
 }
 
-#controls .actions > div > .button, #controls .actions > div button, #controls .actions > .button, #controls .actions button {
+.files-controls .actions > div > .button, .files-controls .actions > div button, .files-controls .actions > .button, .files-controls .actions button {
   box-sizing: border-box;
   display: inline-block;
   display: flex;
@@ -246,7 +246,7 @@ body {
   align-items: center;
   justify-content: center;
 }
-#controls .actions > div .button.hidden, #controls .actions .button.hidden {
+.files-controls .actions > div .button.hidden, .files-controls .actions .button.hidden {
   display: none;
 }
 
diff --git a/core/css/styles.scss b/core/css/styles.scss
index 30757b233ee..3220a7ad884 100644
--- a/core/css/styles.scss
+++ b/core/css/styles.scss
@@ -195,7 +195,7 @@ body {
 
 /* CONTENT ------------------------------------------------------------------ */
 
-#controls {
+.files-controls {
 	box-sizing: border-box;
 	position: -webkit-sticky;
 	position: sticky;
@@ -214,7 +214,7 @@ body {
 
 /* position controls for apps with app-navigation */
 
-.viewer-mode #app-navigation + #app-content #controls {
+.viewer-mode #app-navigation + #app-content .files-controls {
 	left: 0;
 }
 
@@ -222,7 +222,7 @@ body {
 	box-sizing: border-box;
 }
 
-#controls .actions {
+.files-controls .actions {
 	> div,
 	& {
 		> .button, button {
diff --git a/core/templates/filepicker.html b/core/templates/filepicker.html
index c021387e805..484a6e12d2b 100644
--- a/core/templates/filepicker.html
+++ b/core/templates/filepicker.html
@@ -22,20 +22,20 @@
 		<table id="picker-filestable" class="filelist list-container view-grid">
 			<thead>
 				<tr>
-					<th id="headerName" class="column-name">
-						<div id="headerName-container">
+					<th class="column-name">
+						<div id="column-name-container">
 							<a class="name sort columntitle" data-sort="name" tabindex="0">
 								<span>{nameCol}</span>
 								<span class="sort-indicator hidden icon-triangle-n"></span>
 							</a>
 						</div>
 					</th>
-					<th id="headerSize" class="column-size">
+					<th class="column-size">
 						<a class="size sort columntitle" data-sort="size" tabindex="0">
 							<span>{sizeCol}</span>
 							<span class="sort-indicator hidden icon-triangle-n"></span></a>
 					</th>
-					<th id="headerDate" class="column-mtime">
+					<th class="column-mtime">
 						<a id="modified" class="columntitle" data-sort="mtime" tabindex="0">
 							<span>{modifiedCol}</span>
 							<span class="sort-indicator hidden icon-triangle-n"></span></a>