langren1353 / langren1353/GM_script

关于自定义样式中CSS代码的问题

Open
#331 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
6.1k
Forks
224
Avg merge
21h 55m
Merged PRs (30d)
1

Description

#wrapper #content_left .result, #wrapper #content_left .c-container{
    border-radius: 40px;
    box-shadow: 0 0px 15px rgba(0,0,0,.15);
    padding: 2%;
    
    width: unset !important;
    max-width: 100%;
    margin-left: 5px;
    margin-right: 15px;
}
#container.sam_newgrid {padding-left: 0!important;margin-left: 0!important;}

body #container.sam_newgrid #content_left{margin-left: 2vw;width: 96vw!important;}
#wrapper #container.sam_newgrid #content_left{padding-left: 0;}
.new_head_nums_cont_outer{text-align: center;}

@media screen and (min-width:1921px){
    #wrapper_wrapper{margin-left:0!important;}
    #container.sam_newgrid {padding-left: 0!important;}
    #head .head_wrapper{transform:translate3d(-120px,0,1px);}
}

.wrapper_new #form .bdsug-new{
    text-align: //left;
    width: calc(100% - 40px);
    padding-right: 0;
}
#kw{text-align:center;font-size:18px;font-weight:600;}

.wrapper_new #form .bdsug-new ul li{width:100%;}
/*****百度自定义end*****/

/*****Google自定义开始*****/
.gLFyf{
    margin-top: -42px!important;
    text-align: center;
    font-size: 20px!important;
    font-weight: 600!important;
}
.minidiv .gLFyf{margin-top:-32px!important}
#main #cnt, #cnt #center_col, #cnt #foot{width:96vw;}
#rso .g, .vk_c{
    border-radius:35px;
    box-shadow: 0 0px 15px rgba(0,0,0,.15);
    padding: 20px;
}
.sbct{text-align: center;}
#rcnt #res h3, #rcnt #extrares h3{font-size:20px;}
.MUFPAc{margin-left:0!important;font-size:1.1rem;}
.WE0UJf{margin-left: 0!important;}
.LHJvCe{
    display: block!important;
    text-align: center!important;
    width: 100%;
}
.g{padding:20px!important;}
#rso{grid-template-columns:none;grid-template-areas:none;}
#rso>.ULSxyf:not(.g){grid-template-columns:none;grid-template-areas:unset;grid-column-gap:unset;}
/*****Google自定义end*****/

以上代码要如何修改,才能修改在百度搜索界面中搜索预测栏的宽度呢?
image

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the custom Baidu CSS block, especially the .wrapper_new #form .bdsug-new and its ul li rule, then inspect the rendered prediction bar shown in the issue. Done means the prediction bar width changes as requested without disrupting the surrounding search layout; verify it directly on the Baidu search page.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript
Domain
frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.