kyuubi/docs/_static/css/custom.css
Kent Yao 414d1a8620
[KYUUBI #2764] [DOCS] Fix tables in docs being coverd by right toc sidebar
### _Why are the changes needed?_

make table width fit browsers with 100% width, and 1st column where contains the kyuubi conf fit the table with 25% width.

### _How was this patch tested?_
- [ ] Add some test cases that check the changes thoroughly including negative and positive cases if possible

- [x] Add screenshots for manual tests if appropriate

<img width="1716" alt="image" src="https://user-images.githubusercontent.com/8326978/170655840-2309574e-4098-4b0f-b91d-50a30033b9ac.png">

- [ ] [Run test](https://kyuubi.apache.org/docs/latest/develop_tools/testing.html#running-tests) locally before make a pull request

Closes #2764 from yaooqinn/layout.

Closes #2764

9391a638 [Kent Yao] [DOCS] Fix tables in docs being coverd by right toc sidebar
33817406 [Kent Yao] [DOCS] Fix tables in docs being coverd by right toc sidebar

Authored-by: Kent Yao <yao@apache.org>
Signed-off-by: Cheng Pan <chengpan@apache.org>
2022-05-27 17:21:42 +08:00

48 lines
1.4 KiB
CSS

/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
table.docutils {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
border: 0;
border-collapse: collapse;
table-layout: auto;
}
table.docutils th {
padding: 1px 8px 1px 5px;
border-top: 1px;
border-left: 1px;
border-right: 1px;
border-bottom: 1px solid #aaa;
}
table.docutils td {
word-break: break-word;
min-width: 10%;
}
table.docutils tr:hover {
background: #efefef;
}
table.docutils tbody tr:nth-child(2n) {
background: #9EBCE21E;
}
table.docutils td:nth-child(1) {
width: 25%;
word-break: break-all;
font-weight: 500;
}