修复Drupal主题中登录框的大小 [英] Fix Size of Login Box in Drupal Theme

问题描述

我先前曾询问过这个问题，这里，它是固定的，但是，它只是固定在firefox。在Safari中，登录框现在非常宽，伸出页面内容。 以下是Safari 中的外观，以及这里是在Firefox 中的样子。

I've asked this question previously here, and thought it was fixed, however, it is only fixed in firefox. In Safari the login box is now very wide, jutting out over the page contents. Here is what it looks like in Safari, and here is what it looks like in Firefox.

我最初是通过创建一个drupal模块，将输入大小从15或更改为43.我把我的broaderlogin.module 在粘贴bin上的代码，一个善良的人帮助我到我现在的地方。 43是通过调整数字用firebug选择，直到它看起来不错，但是，在safari没有firebug，所以我不知道发生了什么，使它这么宽。 （它也搞砸在iphone上，大概是因为它是safari）

I originally went about fixing it by creating a drupal module which changed the input "size" from 15 or to 43. I put my widerlogin.module code up on paste bin here, where a kind person helped me to where I am now. 43 was chosen by adjusting the number with firebug until it looked good, however, in safari there is no firebug, so I don't know what's going on to make it so wide. (it's also messed up on the iphone, presumably because it is safari)

感谢您的帮助！

推荐答案

一些CSS规则可以解决这个问题：

A few CSS rules can fix the problem:

/*
 Make the login boxes stretch to the full container
*/
#edit-name {
 width: 100%;
}
#edit-pass {
 width: 100%;
}

/* 
 Add a little padding so the boxes don't stretch too far.
*/
#block-user-0 {
 padding-right: 5px;
}

这篇关于修复Drupal主题中登录框的大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！